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

#6CA2F0 の色情報

#6CA2F0

画像
HEX	#6CA2F0
RGB	R:108 G:162 B:240
RGBの割合	R:42.4% G:63.5% B:94.1%
HSV	H:215.5 S:55.0 V:94.1
HSL	H:215.5 S:81.5 L:68.2
CMY	C:57.6 M:36.5 Y:5.9

CMYK	C:55.0 M:32.5 Y:0.0 K:5.9
YCbCr	Y:148.9 Cb:170.2 Cr:98.8
XYZ	X:34.8 Y:35.3 Z:87.4
xyY	x:0.221 y:0.224 Y:35.3

CIE Lab	L:66.0 a:4.4 b*:-44.5
CIE LCh	L:66.0 C:44.7 h:275.6
CIE Luv	L:66.0 u:-25.3 v*:-72.0
Hunter Lab	L:59.4 a:0.6 b:-45.6

#6CA2F0 の色相別色一覧

#F0786C

#F0996C

#F0BA6C

#F0DB6C

#E4F06C

#C3F06C

#A2F06C

#81F06C

#6CF078

#6CF099

#6CF0BA

#6CF0DB

#6CE4F0

#6CC3F0

#6CA2F0

#6C81F0

#786CF0

#996CF0

#BA6CF0

#DB6CF0

#F06CE4

#F06CC3

#F06CA2

#F06C81

#6CA2F0 の彩度別色一覧

#F0F0F0

#E4E9F0

#D8E2F0

#CCDBF0

#C0D4F0

#B4CDF0

#A8C5F0

#9CBEF0

#90B7F0

#84B0F0

#78A9F0

#6CA2F0

#609BF0

#5494F0

#488DF0

#3C86F0

#307FF0

#2477F0

#1870F0

#0C69F0

#6CA2F0 の明度別色一覧

#05070B

#0A1017

#101824

#162131

#1C2A3E

#21324A

#273B57

#2D4364

#334C71

#38557D

#3E5D8A

#446697

#4A6EA4

#4F77B0

#5580BD

#5B88CA

#6191D7

#6699E3

#6CA2F0

#72ABFD

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

#2C6594

#5E9BCC

#15274D

#6CA2F0

#273E7A

#15254F

#6F82BF

#355396

#6CA2F0

#1D416B

#3575B8

#223A57

#6CA2F0

#416A9E

#31587D

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

#6CA2F0

#B6EB6E

#DF6EE6

#EB795C

#85FFC3

#C058D7

#59FF9A

#C0E170

#FF9E8A

#6CA2F0

#F96EFF

#DC8377

#D2FF63

#67DCA4

#6CA2F0

#6CA2F0 を使ったカマイユ

#79A3ED

#5B8DF5

#80BEFF

#4E8BDE

#6CA2F0

#81B2EB

#85B3FA

#79A5F8

#6693E8

#6CA2F0

#87B2F5

#799BDC

#82B3FF

#779FED

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

#5EACE6

#8CB5FF

#4E8AFD

#6CA2F0

#8CC5FF

#599AFF

#748ECC

#4882DC

#6CA2F0

#529EFF

#7297D4

#608DEB

#6CA2F0

#7CADDE

#8AD5FF

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

#233E66

#2F3742

#0A4394

#2C323B

#6CA2F0

#72849E

#0C3D85

#77808F

#4A80CF

#6CA2F0

#5898F5

#0768F5

#285BA6

#6CA2F0

#7BA5E0

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

#6CA2F0

#15386B

#2E61AB

#5B6D87

#1F56A6

#6CA2F0

#1660C9

#1D375C

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

#6CA2F0

#F06CA2

#A2F06C

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

#F0E66C

#6CA2F0

#F08E6C

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

#6CA2F0

#F06CE4

#F0BA6C

#6CF078

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

#6CA2F0

#F0BA6C

#6CA2F0

#E4E9F0

#6CA2F0

#2E4566

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

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

#6CA2F0

#6CA2F0 の色情報

#6CA2F0 の色相別色一覧

#6CA2F0 の彩度別色一覧

#6CA2F0 の明度別色一覧

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

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

#6CA2F0 を使ったカマイユ

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

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

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

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

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

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

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