#6688E2｜カラーサイト.com

#6688E2 の色情報

#6688E2

画像
HEX	#6688E2
RGB	R:102 G:136 B:226
RGBの割合	R:40.0% G:53.3% B:88.6%
HSV	H:223.5 S:54.9 V:88.6
HSL	H:223.5 S:68.1 L:64.3
CMY	C:60.0 M:46.7 Y:11.4

CMYK	C:54.9 M:39.8 Y:0.0 K:11.4
YCbCr	Y:132.9 Cb:172.5 Cr:106.7
XYZ	X:28.0 Y:25.9 Z:75.5
xyY	x:0.216 y:0.200 Y:25.9

CIE Lab	L:58.0 a:13.9 b*:-49.5
CIE LCh	L:58.0 C:51.4 h:285.7
CIE Luv	L:58.0 u:-17.9 v*:-79.6
Hunter Lab	L:50.9 a:9.1 b:-52.3

#6688E2 の色相別色一覧

#E28266

#E2A166

#E2C066

#E2DF66

#C6E266

#A7E266

#88E266

#69E266

#66E282

#66E2A1

#66E2C0

#66E2DF

#66C6E2

#66A7E2

#6688E2

#6669E2

#8266E2

#A166E2

#C066E2

#DF66E2

#E266C6

#E266A7

#E26688

#E26669

#6688E2 の彩度別色一覧

#D7DAE2

#CCD2E2

#C0CAE2

#B5C1E2

#AAB9E2

#9FB1E2

#93A9E2

#88A1E2

#7D98E2

#7190E2

#6688E2

#5B80E2

#4F78E2

#446FE2

#3967E2

#2E5FE2

#2257E2

#174FE2

#0C46E2

#003EE2

#6688E2 の明度別色一覧

#040609

#0A0D16

#101523

#151D30

#1B243C

#212C49

#273456

#2C3B63

#32436F

#384B7C

#3E5289

#435A96

#4962A2

#4F69AF

#5571BC

#5A79C9

#6080D5

#6688E2

#6C90EF

#7297FC

#6688E2 を使ったトーンオントーン

#324C80

#2C324D

#727BC4

#6688E2

#4B72A3

#43699E

#162A4D

#1F2F75

#6688E2

#3347B5

#232A54

#7481BA

#6688E2

#34579C

#3F4B6B

#6688E2 を使ったトーンイントーン

#E276E7

#6688E2

#CFF961

#71D5A4

#EA7E6C

#F9735A

#AEF172

#6ADDAE

#6688E2

#DF53D9

#F19A83

#6688E2

#F467E7

#92C948

#4FDFA4

#6688E2 を使ったカマイユ

#5E76DA

#7492F1

#6688E2

#6490EC

#6A84D8

#6688E2

#4F69D5

#5882FC

#576FCE

#799CF1

#5E7FF1

#729BF1

#6688E2

#4D7ED5

#6F88F1

#6688E2 を使ったフォカマイユ

#6688E2

#899CEC

#94ACFF

#5284FF

#596BEA

#5F73EC

#67A5F4

#4E76BE

#6BA3F9

#6688E2

#87AAFF

#5F8DC1

#6688E2

#8AACFF

#8C8EF9

#6688E2 を使ったドミナントカラー

#4770DE

#6688E2

#3D70F5

#8EA4DE

#96ABE0

#424754

#8492B8

#6688E2

#C6D3F7

#0B3CBD

#6688E2

#151E36

#243154

#7399FF

#3A6FFC

#6688E2 を使ったアイデンティティ

#193E9E

#434D66

#6688E2

#1D3C8F

#6688E2

#9EB9FF

#6688E2

#30498C

#214EC4

#6688E2 を使ったトライアド

#6688E2

#E26688

#88E266

#6688E2 を使ったスプリットコンプリメンタリー

#DBE266

#6688E2

#E29766

#6688E2 を使ったテトラード

#6688E2

#E266C6

#E2C066

#66E282

#6688E2 を使ったコントラスト

#6688E2

#E2C066

#6688E2

#D7DAE2

#6688E2

#2E3D66

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

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

#6688E2

#6688E2 の色情報

#6688E2 の色相別色一覧

#6688E2 の彩度別色一覧

#6688E2 の明度別色一覧

#6688E2 を使ったトーンオントーン

#6688E2 を使ったトーンイントーン

#6688E2 を使ったカマイユ

#6688E2 を使ったフォカマイユ

#6688E2 を使ったドミナントカラー

#6688E2 を使ったアイデンティティ

#6688E2 を使ったトライアド

#6688E2 を使ったスプリットコンプリメンタリー

#6688E2 を使ったテトラード

#6688E2 を使ったコントラスト