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

#6CB5E9 の色情報

#6CB5E9

画像
HEX	#6CB5E9
RGB	R:108 G:181 B:233
RGBの割合	R:42.4% G:71.0% B:91.4%
HSV	H:205.0 S:53.6 V:91.4
HSL	H:205.0 S:74.0 L:66.9
CMY	C:57.6 M:29.0 Y:8.6

CMYK	C:53.6 M:22.3 Y:0.0 K:8.6
YCbCr	Y:157.8 Cb:161.6 Cr:92.3
XYZ	X:37.4 Y:42.1 Z:83.3
xyY	x:0.230 y:0.259 Y:42.1

CIE Lab	L:71.0 a:-8.4 b*:-33.0
CIE LCh	L:71.0 C:34.0 h:255.8
CIE Luv	L:71.0 u:-32.4 v*:-51.5
Hunter Lab	L:64.9 a:-10.7 b:-30.6

#6CB5E9 の色相別色一覧

#E9816C

#E9A06C

#E9BF6C

#E9DF6C

#D4E96C

#B5E96C

#96E96C

#77E96C

#6CE981

#6CE9A0

#6CE9BF

#6CE9DF

#6CD4E9

#6CB5E9

#6C96E9

#6C77E9

#816CE9

#A06CE9

#BF6CE9

#DF6CE9

#E96CD4

#E96CB5

#E96C96

#E96C77

#6CB5E9 の彩度別色一覧

#E1E5E9

#D5E1E9

#C9DCE9

#BED7E9

#B2D2E9

#A6CDE9

#9BC8E9

#8FC4E9

#83BFE9

#78BAE9

#6CB5E9

#60B0E9

#55ABE9

#49A6E9

#3DA2E9

#329DE9

#2698E9

#1A93E9

#0F8EE9

#0389E9

#6CB5E9 の明度別色一覧

#020304

#080D10

#0D171D

#13202A

#192A37

#1F3443

#253E50

#2B485D

#31526A

#375C76

#3D6683

#437090

#497A9D

#4E83A9

#548DB6

#5A97C3

#60A1D0

#66ABDC

#6CB5E9

#72BFF6

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

#2C5F8C

#244B78

#6CB5E9

#7499BA

#3C505C

#4787B5

#6CB5E9

#4B768C

#3D576E

#1E3D52

#26677D

#4C6D96

#364D57

#6CB5E9

#3484B3

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

#CFF37A

#FB8C86

#6CB5E9

#8CFDB8

#CB69F8

#CED766

#AF69D5

#6CB5E9

#5FE67C

#E46C76

#FF717B

#DFDF77

#6CB5E9

#A968D7

#71D576

#6CB5E9 を使ったカマイユ

#64B2DC

#5FB3FD

#5D98D2

#5AA7DA

#6CB5E9

#6CAED2

#8CD2FD

#6CB5E9

#53AEDF

#71C7F8

#8CD2FD

#61A4DF

#6CB5E9

#66BCF1

#7BC3E6

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

#5DD9FF

#6CB5E9

#71A0FF

#95D1FF

#87B4F8

#77CEE4

#83B7FF

#6CB5E9

#8BC1FF

#9ADCFF

#52AEDC

#97E7FF

#49ABDC

#6CB3FF

#6CB5E9

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

#F0F9FF

#2781C2

#284052

#4D87B0

#6CB5E9

#1E6496

#656D73

#2D6085

#1E5175

#38ABFC

#4B4D4F

#376382

#6CB5E9

#607E94

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

#093E63

#7CACCF

#6CB5E9

#435F73

#308CCF

#105687

#6CB5E9

#316E99

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

#6CB5E9

#E96CB5

#B5E96C

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

#E9CA6C

#6CB5E9

#E9766C

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

#6CB5E9

#DF6CE9

#E9A06C

#77E96C

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

#6CB5E9

#E9A06C

#6CB5E9

#E1E5E9

#6CB5E9

#2F4F66

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

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

#6CB5E9

#6CB5E9 の色情報

#6CB5E9 の色相別色一覧

#6CB5E9 の彩度別色一覧

#6CB5E9 の明度別色一覧

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

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

#6CB5E9 を使ったカマイユ

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

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

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

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

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

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

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