#3BA3F2｜カラーサイト.com

#3BA3F2 の色情報

#3BA3F2

画像
HEX	#3BA3F2
RGB	R:59 G:163 B:242
RGBの割合	R:23.1% G:63.9% B:94.9%
HSV	H:205.9 S:75.6 V:94.9
HSL	H:205.9 S:87.6 L:59.0
CMY	C:76.9 M:36.1 Y:5.1

CMYK	C:75.6 M:32.6 Y:0.0 K:5.1
YCbCr	Y:137.0 Cb:178.1 Cr:76.7
XYZ	X:30.9 Y:33.5 Z:88.9
xyY	x:0.202 y:0.219 Y:33.5

CIE Lab	L:64.6 a:-3.5 b*:-47.9
CIE LCh	L:64.6 C:48.1 h:265.9
CIE Luv	L:64.6 u:-36.4 v*:-76.6
Hunter Lab	L:57.9 a:-6.0 b:-50.4

#3BA3F2 の色相別色一覧

#F25C3B

#F28A3B

#F2B83B

#F2E63B

#D1F23B

#A3F23B

#75F23B

#48F23B

#3BF25C

#3BF28A

#3BF2B8

#3BF2E6

#3BD1F2

#3BA3F2

#3B75F2

#3B48F2

#5C3BF2

#8A3BF2

#B83BF2

#E63BF2

#F23BD1

#F23BA3

#F23B75

#F23B47

#3BA3F2 の彩度別色一覧

#F1F1F2

#E4ECF2

#D8E7F2

#CCE2F2

#C0DCF2

#B4D7F2

#A8D2F2

#9CCDF2

#90C8F2

#84C2F2

#78BDF2

#6BB8F2

#5FB3F2

#53ADF2

#47A8F2

#3BA3F2

#2F9EF2

#2399F2

#1793F2

#0B8EF2

#3BA3F2 の明度別色一覧

#03080D

#061119

#091A26

#0C2233

#0F2B40

#13334C

#163C59

#194566

#1C4D73

#1F567F

#225E8C

#256799

#286FA6

#2B78B2

#2F81BF

#3289CC

#3592D9

#389AE5

#3BA3F2

#3EACFF

#3BA3F2 を使ったトーンオントーン

#3BA3F2

#1F5585

#063147

#468BBF

#295B9C

#4792BF

#174A96

#3BA3F2

#1E334F

#164D7D

#213752

#3BA3F2

#0A5685

#2B7CC2

#327A9C

#3BA3F2 を使ったトーンイントーン

#EF5058

#E3DF2A

#53FA69

#3BA3F2

#9B26DB

#FC455E

#FFFC43

#3BA3F2

#40EA59

#BB30EA

#AE37FF

#3BA3F2

#FACA30

#72EF52

#FF3C84

#3BA3F2 を使ったカマイユ

#50AEFF

#39ADFF

#37B2FF

#3BA3F2

#43B5FC

#3BA3F2

#2CA1FF

#2F95E8

#30A2ED

#2299DE

#34ABFF

#3BA3F2

#45ABEA

#45BCFC

#419DED

#3BA3F2 を使ったフォカマイユ

#1CA5CE

#3194E5

#3BA3F2

#55ADFF

#2463CE

#5396D3

#4B7FD3

#3BA3F2

#2162D3

#2097FF

#3BA3F2

#50ABFF

#28AAE5

#4775D6

#2767CC

#3BA3F2 を使ったドミナントカラー

#8D98A1

#3BA3F2

#3B3F42

#236699

#1E435E

#273742

#3BA3F2

#3C4A54

#1A73B8

#416A8A

#5A9ED1

#81909C

#A3C1D9

#45535E

#3BA3F2

#3BA3F2 を使ったアイデンティティ

#06548F

#6A90AD

#3BA3F2

#5B95C2

#155F96

#3F759E

#416C8C

#3BA3F2

#3BA3F2 を使ったトライアド

#3BA3F2

#F23BA3

#A3F23B

#3BA3F2 を使ったスプリットコンプリメンタリー

#F2C73B

#3BA3F2

#F24D3B

#3BA3F2 を使ったテトラード

#3BA3F2

#E63BF2

#F28A3B

#47F23B

#3BA3F2 を使ったコントラスト

#3BA3F2

#F28A3B

#3BA3F2

#B4D7F2

#3BA3F2

#194566

#3BA3F2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3BA3F2の色相や彩度を変えたときの配色なども一覧で表示します。

#3BA3F2

#3BA3F2 の色情報

#3BA3F2 の色相別色一覧

#3BA3F2 の彩度別色一覧

#3BA3F2 の明度別色一覧

#3BA3F2 を使ったトーンオントーン

#3BA3F2 を使ったトーンイントーン

#3BA3F2 を使ったカマイユ

#3BA3F2 を使ったフォカマイユ

#3BA3F2 を使ったドミナントカラー

#3BA3F2 を使ったアイデンティティ

#3BA3F2 を使ったトライアド

#3BA3F2 を使ったスプリットコンプリメンタリー

#3BA3F2 を使ったテトラード

#3BA3F2 を使ったコントラスト