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

#6CA5E9 の色情報

#6CA5E9

画像
HEX	#6CA5E9
RGB	R:108 G:165 B:233
RGBの割合	R:42.4% G:64.7% B:91.4%
HSV	H:212.6 S:53.6 V:91.4
HSL	H:212.6 S:74.0 L:66.9
CMY	C:57.6 M:35.3 Y:8.6

CMYK	C:53.6 M:29.2 Y:0.0 K:8.6
YCbCr	Y:149.8 Cb:166.3 Cr:98.1
XYZ	X:34.3 Y:36.0 Z:82.2
xyY	x:0.225 y:0.236 Y:36.0

CIE Lab	L:66.5 a:0.5 b*:-39.9
CIE LCh	L:66.5 C:39.9 h:270.7
CIE Luv	L:66.5 u:-26.4 v*:-63.8
Hunter Lab	L:60.0 a:-2.8 b:-39.3

#6CA5E9 の色相別色一覧

#E9726C

#E9916C

#E9B06C

#E9CF6C

#E4E96C

#C4E96C

#A5E96C

#86E96C

#6CE972

#6CE991

#6CE9B0

#6CE9CF

#6CE4E9

#6CC4E9

#6CA5E9

#6C86E9

#726CE9

#916CE9

#B06CE9

#CF6CE9

#E96CE4

#E96CC4

#E96CA5

#E96C86

#6CA5E9 の彩度別色一覧

#E1E4E9

#D5DEE9

#C9D8E9

#BED1E9

#B2CBE9

#A6C5E9

#9BBEE9

#8FB8E9

#83B2E9

#78ABE9

#6CA5E9

#609FE9

#5598E9

#4992E9

#3D8CE9

#3285E9

#267FE9

#1A79E9

#0F72E9

#036CE9

#6CA5E9 の明度別色一覧

#020204

#080C10

#0D151D

#131E2A

#192737

#1F3043

#253950

#2B425D

#314B6A

#375476

#3D5D83

#436690

#496F9D

#4E78A9

#5481B6

#5A8AC3

#6093D0

#669CDC

#6CA5E9

#72AEF6

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

#2D3947

#48668F

#6CA5E9

#26487A

#4684BD

#6CA5E9

#506378

#4F73B3

#1E374A

#28598F

#6793C4

#307099

#6CA5E9

#293745

#25476B

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

#C24DD5

#DEF37D

#F37573

#6ADCA3

#6CA5E9

#C9DC71

#F35F5B

#CD52E1

#63D291

#E46F63

#6CA5E9

#5FDC9F

#E380FF

#D2F87D

#6CA5E9 を使ったカマイユ

#6CA5E9

#699FF3

#61AEFD

#6EA1D2

#7FB9EE

#5F98F8

#77A5E4

#6291E1

#7DB3FD

#6CA5E9

#5992E1

#6CA5E9

#5C91DF

#62ABF8

#72A8F1

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

#4D96D5

#5A9DDF

#87BEE4

#4B95E1

#6CA5E9

#88BBF1

#9BCDFD

#97DFFF

#849DEE

#6CA5E9

#54BAF3

#6280F3

#76A9F3

#6CA5E9

#7789D0

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

#16273B

#3B8BEB

#C5DDFA

#6CA5E9

#4294F5

#6CA5E9

#415F82

#013E87

#1871DB

#2F6099

#3D4E63

#0D7AFC

#143154

#6CA5E9

#4871A1

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

#174F91

#6CA5E9

#3269AB

#1758A6

#6CA5E9

#4B627D

#3C4D61

#6CA5E9

#2868B5

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

#6CA5E9

#E96CA5

#A5E96C

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

#E9DA6C

#6CA5E9

#E9866C

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

#6CA5E9

#E96CE4

#E9B06C

#6CE972

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

#6CA5E9

#E9B06C

#6CA5E9

#E1E4E9

#6CA5E9

#2F4866

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

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

#6CA5E9

#6CA5E9 の色情報

#6CA5E9 の色相別色一覧

#6CA5E9 の彩度別色一覧

#6CA5E9 の明度別色一覧

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

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

#6CA5E9 を使ったカマイユ

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

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

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

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

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

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

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