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

#3BA2B0 の色情報

#3BA2B0

画像
HEX	#3BA2B0
RGB	R:59 G:162 B:176
RGBの割合	R:23.1% G:63.5% B:69.0%
HSV	H:187.2 S:66.5 V:69.0
HSL	H:187.2 S:49.8 L:46.1
CMY	C:76.9 M:36.5 Y:31.0

CMYK	C:66.5 M:8.0 Y:0.0 K:31.0
YCbCr	Y:130.1 Cb:149.4 Cr:81.8
XYZ	X:22.6 Y:29.9 Z:45.7
xyY	x:0.230 y:0.305 Y:29.9

CIE Lab	L:61.6 a:-24.8 b*:-16.0
CIE LCh	L:61.6 C:29.5 h:212.8
CIE Luv	L:61.6 u:-39.7 v*:-20.6
Hunter Lab	L:54.7 a:-22.1 b:-11.2

#3BA2B0 の色相別色一覧

#B0493B

#B0663B

#B0843B

#B0A13B

#A2B03B

#85B03B

#68B03B

#4AB03B

#3BB049

#3BB066

#3BB084

#3BB0A1

#3BA2B0

#3B85B0

#3B68B0

#3B4AB0

#493BB0

#663BB0

#843BB0

#A13BB0

#B03BA2

#B03B85

#B03B68

#B03B4A

#3BA2B0 の彩度別色一覧

#ADB0B0

#A5AFB0

#9CAEB0

#93ADB0

#8AABB0

#81AAB0

#79A9B0

#70A8B0

#67A7B0

#5EA6B0

#55A5B0

#4DA4B0

#44A3B0

#3BA2B0

#32A1B0

#29A0B0

#219FB0

#189EB0

#0F9DB0

#069CB0

#3BA2B0 の明度別色一覧

#03090A

#081517

#0C2124

#102D31

#15383D

#19444A

#1D5057

#215C64

#266770

#2A737D

#2E7F8A

#328B97

#3796A3

#3BA2B0

#3FAEBD

#44B9CA

#48C5D6

#4CD1E3

#50DDF0

#55E8FD

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

#3C6B73

#28CDD6

#0F494D

#20DFED

#3BA2B0

#185B75

#3BA2B0

#76D3E6

#135859

#1CD1C9

#114D59

#6BDDEB

#316F78

#3BA2B0

#39CCCF

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

#B59046

#3EB32A

#B5498D

#3BA2B0

#452EB5

#299947

#65429E

#979234

#3BA2B0

#AD3859

#C2B254

#3BA2B0

#5BBD50

#BD3B73

#6D44A3

#3BA2B0 を使ったカマイユ

#33AABF

#3BA2B0

#2E92A8

#3FA5A8

#35B3C7

#2DACB8

#35BFC7

#50B3CA

#3BA2B0

#41ACC7

#499EAB

#3BA2B0

#2EA5B3

#40A1BA

#46ADB5

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

#4AABAA

#2C7899

#3BA2B0

#3DCFCD

#429187

#2BABBF

#26ADC2

#3BA2B0

#316D8A

#4E93AB

#3BA2B0

#30A1A3

#298FC7

#54B5AF

#61CFD1

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

#78E1F0

#3BA2B0

#05CBE6

#1BC6DE

#46494A

#79888A

#4B6366

#4AA8B5

#476569

#3BA2B0

#104147

#74C4CF

#3BA2B0

#294447

#36929E

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

#407F87

#3BA2B0

#32D0E6

#3BA2B0

#9CF3FF

#166570

#405D61

#3BA2B0

#22CAE0

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

#3BA2B0

#B03BA2

#A2B03B

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

#B0703B

#3BA2B0

#B03B54

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

#3BA2B0

#843BB0

#B0493B

#68B03B

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

#3BA2B0

#B0493B

#3BA2B0

#93ADB0

#3BA2B0

#55EBFF

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

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

#3BA2B0

#3BA2B0 の色情報

#3BA2B0 の色相別色一覧

#3BA2B0 の彩度別色一覧

#3BA2B0 の明度別色一覧

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

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

#3BA2B0 を使ったカマイユ

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

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

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

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

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

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

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