#6C9CE2｜カラーサイト.com

#6C9CE2 の色情報

#6C9CE2

画像
HEX	#6C9CE2
RGB	R:108 G:156 B:226
RGBの割合	R:42.4% G:61.2% B:88.6%
HSV	H:215.6 S:52.2 V:88.6
HSL	H:215.6 S:67.0 L:65.5
CMY	C:57.6 M:38.8 Y:11.4

CMYK	C:52.2 M:31.0 Y:0.0 K:11.4
YCbCr	Y:144.5 Cb:165.8 Cr:102.0
XYZ	X:31.8 Y:32.5 Z:76.5
xyY	x:0.226 y:0.231 Y:32.5

CIE Lab	L:63.7 a:3.5 b*:-40.4
CIE LCh	L:63.7 C:40.5 h:274.9
CIE Luv	L:63.7 u:-23.2 v*:-64.6
Hunter Lab	L:57.0 a:-0.1 b:-39.8

#6C9CE2 の色相別色一覧

#E2776C

#E2956C

#E2B26C

#E2D06C

#D7E26C

#BAE26C

#9CE26C

#7FE26C

#6CE277

#6CE295

#6CE2B2

#6CE2D0

#6CD7E2

#6CBAE2

#6C9CE2

#6C7FE2

#776CE2

#956CE2

#B26CE2

#D06CE2

#E26CD7

#E26CBA

#E26C9C

#E26C7F

#6C9CE2 の彩度別色一覧

#DDDFE2

#D2D8E2

#C6D2E2

#BBCBE2

#B0C4E2

#A5BEE2

#99B7E2

#8EB0E2

#83A9E2

#77A3E2

#6C9CE2

#6195E2

#558FE2

#4A88E2

#3F81E2

#347AE2

#2874E2

#1D6DE2

#1266E2

#0660E2

#6C9CE2 の明度別色一覧

#040609

#0B0F16

#111823

#172130

#1D2A3C

#233249

#293B56

#2F4463

#354D6F

#3B567C

#415E89

#476796

#4E70A2

#5479AF

#5A82BC

#608AC9

#6693D5

#6C9CE2

#72A5EF

#78AEFC

#6C9CE2 を使ったトーンオントーン

#213B73

#2D3B45

#6C9CE2

#49619C

#5F94C2

#222E52

#6F98BD

#354569

#5F779C

#6C9CE2

#1E324D

#3A5CB0

#384D7D

#587394

#6C9CE2

#6C9CE2 を使ったトーンイントーン

#5CF47F

#CDD568

#DD6EF6

#6C9CE2

#EA7481

#76ECA2

#6C9CE2

#D683E7

#C8D363

#CB636E

#E6E76A

#70D88E

#6C9CE2

#D877F4

#DD5C6C

#6C9CE2 を使ったカマイユ

#5EA5F9

#6C9CE2

#5C8DD8

#7A9DDF

#7191D5

#5487D8

#7CA6DA

#6C9CE2

#5A8DD3

#6CA9FC

#5E86D8

#5486DF

#6C9CE2

#7DA9D8

#6FACEC

#6C9CE2 を使ったフォカマイユ

#96B3FF

#7689D3

#6C9CE2

#5990EC

#9EDCFF

#538ED5

#536DF6

#798FD5

#6C9CE2

#5379FE

#6777C3

#8B9BF1

#63C7FF

#7187C3

#6C9CE2

#6C9CE2 を使ったドミナントカラー

#6C9CE2

#6B7685

#28589E

#568AD6

#132A4D

#5E97EB

#6C9CE2

#216EDE

#1560CF

#9BA0A8

#6C9CE2

#7189AD

#556B8A

#576375

#2076F5

#6C9CE2 を使ったアイデンティティ

#62738C

#1158BF

#6C9CE2

#03275C

#6C9CE2

#6D89B3

#124187

#6C9CE2

#788CAB

#6C9CE2 を使ったトライアド

#6C9CE2

#E26C9C

#9CE26C

#6C9CE2 を使ったスプリットコンプリメンタリー

#E2D96C

#6C9CE2

#E28B6C

#6C9CE2 を使ったテトラード

#6C9CE2

#E26CD7

#E2B26C

#6CE277

#6C9CE2 を使ったコントラスト

#6C9CE2

#E2B26C

#6C9CE2

#DDDFE2

#6C9CE2

#314666

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

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

#6C9CE2

#6C9CE2 の色情報

#6C9CE2 の色相別色一覧

#6C9CE2 の彩度別色一覧

#6C9CE2 の明度別色一覧

#6C9CE2 を使ったトーンオントーン

#6C9CE2 を使ったトーンイントーン

#6C9CE2 を使ったカマイユ

#6C9CE2 を使ったフォカマイユ

#6C9CE2 を使ったドミナントカラー

#6C9CE2 を使ったアイデンティティ

#6C9CE2 を使ったトライアド

#6C9CE2 を使ったスプリットコンプリメンタリー

#6C9CE2 を使ったテトラード

#6C9CE2 を使ったコントラスト