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

#3BA6C2 の色情報

#3BA6C2

画像
HEX	#3BA6C2
RGB	R:59 G:166 B:194
RGBの割合	R:23.1% G:65.1% B:76.1%
HSV	H:192.4 S:69.6 V:76.1
HSL	H:192.4 S:53.4 L:49.6
CMY	C:76.9 M:34.9 Y:23.9

CMYK	C:69.6 M:14.4 Y:0.0 K:23.9
YCbCr	Y:133.8 Cb:156.1 Cr:79.0
XYZ	X:25.2 Y:32.1 Z:55.9
xyY	x:0.222 y:0.284 Y:32.1

CIE Lab	L:63.4 a:-21.2 b*:-23.2
CIE LCh	L:63.4 C:31.5 h:227.6
CIE Luv	L:63.4 u:-40.1 v*:-32.9
Hunter Lab	L:56.7 a:-19.8 b:-18.9

#3BA6C2 の色相別色一覧

#C2573B

#C2793B

#C29B3B

#C2BC3B

#A6C23B

#84C23B

#63C23B

#41C23B

#3BC257

#3BC279

#3BC29B

#3BC2BC

#3BA6C2

#3B84C2

#3B63C2

#3B41C2

#573BC2

#793BC2

#9B3BC2

#BC3BC2

#C23BA6

#C23B84

#C23B63

#C23B41

#3BA6C2 の彩度別色一覧

#B9C0C2

#AFBEC2

#A6BCC2

#9CBAC2

#92B8C2

#89B6C2

#7FB4C2

#75B2C2

#6CB0C2

#62AEC2

#58ACC2

#4EAAC2

#45A8C2

#3BA6C2

#31A4C2

#28A2C2

#1EA0C2

#149EC2

#0B9CC2

#019AC2

#3BA6C2 の明度別色一覧

#010203

#050D10

#09181C

#0C2329

#102E36

#143943

#18444F

#1C4F5C

#205A69

#246576

#286F82

#2B7A8F

#2F859C

#3390A9

#379BB5

#3BA6C2

#3FB1CF

#43BCDC

#47C7E8

#4BD2F5

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

#60B5E8

#234D59

#3BA6C2

#275B6E

#467E91

#0F5769

#3BA6C2

#72D9E3

#1D4552

#4385A1

#137B9C

#11384A

#53DDF7

#3BA6C2

#115C78

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

#3BA6C2

#4EBF4D

#DCB854

#AB4075

#6C32B5

#B38B31

#70D453

#3BA6C2

#D95196

#713DBD

#7F4FCF

#51D96B

#D43E6A

#C7B14A

#3BA6C2

#3BA6C2 を使ったカマイユ

#3BA6C2

#36B6DC

#3D94A9

#4FB0C5

#32A4C5

#50AED1

#3EC1D4

#458DAB

#3495BD

#3BA6C2

#3A93A9

#3BA6C2

#3EA7BA

#289FB3

#39A3CF

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

#4192B3

#2F97B8

#3BA6C2

#2195AB

#21C7D4

#1FA3CA

#5DC3E1

#2DA3D4

#3BA6C2

#3B74A3

#40E1DA

#48B4D9

#1A6AA6

#2B8C9C

#3BA6C2

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

#487E8C

#083E4D

#3BA6C2

#343F42

#C3EDF7

#596366

#3BA6C2

#38545C

#58B4CC

#0DB3DE

#677A80

#4A8796

#3BA6C2

#8FE8FF

#0081A3

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

#3BA6C2

#2E5863

#1085A3

#77D5ED

#14657A

#3BA6C2

#4C6D75

#4992A6

#3BA6C2

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

#3BA6C2

#C23BA6

#A6C23B

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

#C2843B

#3BA6C2

#C23B4C

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

#3BA6C2

#9B3BC2

#C2573B

#63C23B

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

#3BA6C2

#C2573B

#3BA6C2

#9CBAC2

#3BA6C2

#1F5766

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

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

#3BA6C2

#3BA6C2 の色情報

#3BA6C2 の色相別色一覧

#3BA6C2 の彩度別色一覧

#3BA6C2 の明度別色一覧

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

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

#3BA6C2 を使ったカマイユ

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

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

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

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

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

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

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