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

#3C96C2 の色情報

#3C96C2

画像
HEX	#3C96C2
RGB	R:60 G:150 B:194
RGBの割合	R:23.5% G:58.8% B:76.1%
HSV	H:199.7 S:69.1 V:76.1
HSL	H:199.7 S:52.3 L:49.8
CMY	C:76.5 M:41.2 Y:23.9

CMYK	C:69.1 M:22.7 Y:0.0 K:23.9
YCbCr	Y:126.0 Cb:160.6 Cr:85.4
XYZ	X:22.5 Y:26.7 Z:55.0
xyY	x:0.216 y:0.256 Y:26.7

CIE Lab	L:58.7 a:-12.5 b*:-30.6
CIE LCh	L:58.7 C:33.0 h:247.7
CIE Luv	L:58.7 u:-34.1 v*:-45.6
Hunter Lab	L:51.6 a:-12.6 b:-27.0

#3C96C2 の色相別色一覧

#C2473C

#C2683C

#C28A3C

#C2AB3C

#B8C23C

#96C23C

#75C23C

#53C23C

#3CC247

#3CC268

#3CC28A

#3CC2AB

#3CB8C2

#3C96C2

#3C75C2

#3C53C2

#473CC2

#683CC2

#8A3CC2

#AB3CC2

#C23CB8

#C23C96

#C23C75

#C23C53

#3C96C2 の彩度別色一覧

#BABFC2

#B0BCC2

#A7B9C2

#9DB6C2

#93B3C2

#8AAFC2

#80ACC2

#76A9C2

#6DA6C2

#63A3C2

#59A0C2

#4F9CC2

#4699C2

#3C96C2

#3293C2

#2990C2

#1F8CC2

#1589C2

#0C86C2

#0283C2

#3C96C2 の明度別色一覧

#010203

#050C10

#09161C

#0D2029

#112A36

#153343

#193D4F

#1C475C

#205169

#245B76

#286582

#2C6F8F

#30789C

#3482A9

#388CB5

#3C96C2

#40A0CF

#44AADC

#48B4E8

#4CBDF5

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

#42B6E3

#38819C

#3C96C2

#0D2C47

#2A6B78

#3C96C2

#2C6791

#39C7ED

#154F7A

#104557

#164157

#219EEB

#3C96C2

#487494

#115670

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

#CF447F

#6634B3

#51AE3E

#3C96C2

#CCA14D

#C4CA48

#A032D9

#50CF7E

#3C96C2

#BD3745

#3C96C2

#7525B3

#D9AF36

#5CCC52

#D43165

#3C96C2 を使ったカマイユ

#4193B5

#3FA2C5

#3C96C2

#4C8FBA

#4B96B8

#5ABADC

#339AD4

#2FA3CC

#3C96C2

#509FCF

#34A1CF

#2D7FAE

#3D81AE

#4DA8DC

#3C96C2

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

#38C0D1

#269BB8

#3C96C2

#5591C7

#5FB3E3

#3C96C2

#428ABD

#5181B8

#4A8DC7

#468DB3

#2E73D1

#3E8DA9

#4A7AA9

#219ECF

#3C96C2

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

#0772A6

#3C96C2

#6F8894

#354852

#2178A3

#8FB5C7

#07A7F5

#293840

#5B97B5

#3C96C2

#565F63

#476370

#577E91

#3C96C2

#192E38

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

#447A94

#3C96C2

#0C4059

#3C96C2

#1B739E

#3C535E

#00A6F7

#3C96C2

#3B5461

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

#3C96C2

#C23C96

#96C23C

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

#C2953C

#3C96C2

#C23C3D

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

#3C96C2

#AB3CC2

#C2683C

#53C23C

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

#3C96C2

#C2683C

#3C96C2

#9DB6C2

#3C96C2

#204F66

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

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

#3C96C2

#3C96C2 の色情報

#3C96C2 の色相別色一覧

#3C96C2 の彩度別色一覧

#3C96C2 の明度別色一覧

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

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

#3C96C2 を使ったカマイユ

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

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

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

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

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

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

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