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

#3BA1F2 の色情報

#3BA1F2

画像
HEX	#3BA1F2
RGB	R:59 G:161 B:242
RGBの割合	R:23.1% G:63.1% B:94.9%
HSV	H:206.6 S:75.6 V:94.9
HSL	H:206.6 S:87.6 L:59.0
CMY	C:76.9 M:36.9 Y:5.1

CMYK	C:75.6 M:33.5 Y:0.0 K:5.1
YCbCr	Y:136.0 Cb:178.7 Cr:77.5
XYZ	X:30.6 Y:32.8 Z:88.7
xyY	x:0.201 y:0.216 Y:32.8

CIE Lab	L:64.0 a:-2.3 b*:-48.8
CIE LCh	L:64.0 C:48.9 h:267.3
CIE Luv	L:64.0 u:-35.8 v*:-78.2
Hunter Lab	L:57.3 a:-5.0 b:-51.7

#3BA1F2 の色相別色一覧

#F25E3B

#F28C3B

#F2BA3B

#F2E83B

#CFF23B

#A1F23B

#73F23B

#46F23B

#3BF25E

#3BF28C

#3BF2BA

#3BF2E8

#3BCFF2

#3BA1F2

#3B73F2

#3B46F2

#5E3BF2

#8C3BF2

#BA3BF2

#E83BF2

#F23BCF

#F23BA1

#F23B73

#F23B46

#3BA1F2 の彩度別色一覧

#F1F1F2

#E4ECF2

#D8E7F2

#CCE1F2

#C0DCF2

#B4D7F2

#A8D1F2

#9CCCF2

#90C6F2

#84C1F2

#78BCF2

#6BB6F2

#5FB1F2

#53ACF2

#47A6F2

#3BA1F2

#2F9CF2

#2396F2

#1791F2

#0B8CF2

#3BA1F2 の明度別色一覧

#03080D

#061119

#091926

#0C2233

#0F2A40

#13334C

#163B59

#194466

#1C4C73

#1F557F

#225D8C

#256699

#286EA6

#2B77B2

#2F7FBF

#3288CC

#3590D9

#3899E5

#3BA1F2

#3EA9FF

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

#162E47

#1066BA

#3BA1F2

#095A91

#2B5F7D

#3BA1F2

#17406B

#1E334D

#087199

#2B91BF

#3D839E

#3BA1F2

#0B60C4

#355E7A

#174659

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

#D1ED4D

#C143E3

#3BA1F2

#E53726

#37FF60

#47DB57

#B525FF

#EFE94B

#3BA1F2

#FF4361

#8F31EF

#3BA1F2

#DAE52A

#ED3564

#44E87F

#3BA1F2 を使ったカマイユ

#49B8F7

#43A9E3

#3BA1F2

#4DB6FF

#2692D9

#39ABFF

#3D90E0

#3A8AE3

#52AFF5

#3BA1F2

#2396E5

#3C8CE5

#3BA1F2

#3CB6FF

#54B7FC

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

#1C76D3

#5A8EEA

#3BA1F2

#58B5FA

#4DB6FF

#35C0FA

#3BA1F2

#48A3CC

#52CDFC

#62C1FF

#6497FF

#3BA1F2

#3F99E5

#55C5FF

#3979FF

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

#5786AB

#323E47

#0B5A99

#3BA1F2

#63696E

#072740

#3BA1F2

#7F9EB8

#AEC3D4

#1A364D

#314D63

#5881A1

#3BA1F2

#47525C

#54738C

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

#688CA8

#406F94

#3BA1F2

#1C7DC9

#3F515E

#3BA1F2

#0464B0

#31495C

#3BA1F2

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

#3BA1F2

#F23BA1

#A1F23B

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

#F2C93B

#3BA1F2

#F24F3B

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

#3BA1F2

#E83BF2

#F28C3B

#46F23B

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

#3BA1F2

#F28C3B

#3BA1F2

#B4D7F2

#3BA1F2

#194466

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

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

#3BA1F2

#3BA1F2 の色情報

#3BA1F2 の色相別色一覧

#3BA1F2 の彩度別色一覧

#3BA1F2 の明度別色一覧

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

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

#3BA1F2 を使ったカマイユ

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

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

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

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

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

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

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