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

#6CA9E2 の色情報

#6CA9E2

画像
HEX	#6CA9E2
RGB	R:108 G:169 B:226
RGBの割合	R:42.4% G:66.3% B:88.6%
HSV	H:209.0 S:52.2 V:88.6
HSL	H:209.0 S:67.0 L:65.5
CMY	C:57.6 M:33.7 Y:11.4

CMYK	C:52.2 M:25.2 Y:0.0 K:11.4
YCbCr	Y:151.1 Cb:162.1 Cr:97.2
XYZ	X:34.1 Y:37.1 Z:77.3
xyY	x:0.230 y:0.250 Y:37.1

CIE Lab	L:67.3 a:-3.8 b*:-34.8
CIE LCh	L:67.3 C:35.0 h:263.7
CIE Luv	L:67.3 u:-28.0 v*:-54.7
Hunter Lab	L:60.9 a:-6.5 b:-32.7

#6CA9E2 の色相別色一覧

#E2886C

#E2A56C

#E2C36C

#E2E06C

#C7E26C

#A9E26C

#8CE26C

#6EE26C

#6CE288

#6CE2A5

#6CE2C3

#6CE2E0

#6CC7E2

#6CA9E2

#6C8CE2

#6C6EE2

#886CE2

#A56CE2

#C36CE2

#E06CE2

#E26CC7

#E26CA9

#E26C8C

#E26C6E

#6CA9E2 の彩度別色一覧

#DDE0E2

#D2DAE2

#C6D5E2

#BBCFE2

#B0CAE2

#A5C4E2

#99BFE2

#8EB9E2

#83B4E2

#77AEE2

#6CA9E2

#61A4E2

#559EE2

#4A99E2

#3F93E2

#348EE2

#2888E2

#1D83E2

#127DE2

#0678E2

#6CA9E2 の明度別色一覧

#040709

#0B1016

#111A23

#172430

#1D2D3C

#233749

#294056

#2F4A63

#35536F

#3B5D7C

#416689

#477096

#4E79A2

#5483AF

#5A8CBC

#6096C9

#669FD5

#6CA9E2

#72B3EF

#78BCFC

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

#2C5E7A

#85A6C4

#374154

#6CA9E2

#5B7591

#344359

#7690BF

#3B4F73

#4E79A1

#6CA9E2

#7197BA

#2D5FA1

#274673

#21425C

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

#F9728D

#72F968

#E7DD86

#6CA9E2

#BF7DE5

#D56A7E

#71F19E

#EAEA7E

#9D5ECE

#6CA9E2

#CBB565

#8DF991

#6CA9E2

#B079DD

#FC6791

#6CA9E2 を使ったカマイユ

#7FAFDF

#82C8F6

#74BBF9

#68A8D5

#6CA9E2

#62A8E5

#6CA9E2

#66A3E5

#6EB2FC

#669BDF

#7BA6D8

#68BAF9

#609AD5

#6EB2F6

#6CA9E2

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

#6CA9E2

#84E0FF

#477AC1

#5A90F4

#7695C6

#6CA9E2

#689BC9

#64B2EA

#89C4F1

#87CDFF

#6196F9

#77AED5

#4580D3

#6CA9E2

#93DBFF

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

#223547

#82A3C2

#1874C9

#6CA9E2

#A0C0DE

#516578

#062C4F

#0C5DA8

#6CA9E2

#3C7AB5

#002A52

#42464A

#0F4475

#D5DCE3

#6CA9E2

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

#6CA9E2

#1E5F9C

#506980

#1C548A

#688BAB

#6CA9E2

#536B82

#6CA9E2

#1872C7

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

#6CA9E2

#E26CA9

#A9E26C

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

#E2CC6C

#6CA9E2

#E27E6C

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

#6CA9E2

#E06CE2

#E2A56C

#6EE26C

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

#6CA9E2

#E2A56C

#6CA9E2

#DDE0E2

#6CA9E2

#314C66

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

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

#6CA9E2

#6CA9E2 の色情報

#6CA9E2 の色相別色一覧

#6CA9E2 の彩度別色一覧

#6CA9E2 の明度別色一覧

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

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

#6CA9E2 を使ったカマイユ

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

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

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

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

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

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

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