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

#6CA3F9 の色情報

#6CA3F9

画像
HEX	#6CA3F9
RGB	R:108 G:163 B:249
RGBの割合	R:42.4% G:63.9% B:97.6%
HSV	H:216.6 S:56.6 V:97.6
HSL	H:216.6 S:92.2 L:70.0
CMY	C:57.6 M:36.1 Y:2.4

CMYK	C:56.6 M:34.5 Y:0.0 K:2.4
YCbCr	Y:150.3 Cb:173.9 Cr:97.7
XYZ	X:36.4 Y:36.2 Z:94.7
xyY	x:0.217 y:0.217 Y:36.2

CIE Lab	L:66.7 a:6.6 b*:-48.3
CIE LCh	L:66.7 C:48.8 h:277.8
CIE Luv	L:66.7 u:-25.6 v*:-78.8
Hunter Lab	L:60.2 a:2.6 b:-51.2

#6CA3F9 の色相別色一覧

#F97C6C

#F99F6C

#F9C26C

#F9E56C

#EAF96C

#C6F96C

#A3F96C

#80F96C

#6CF97C

#6CF99F

#6CF9C2

#6CF9E5

#6CEAF9

#6CC6F9

#6CA3F9

#6C80F9

#7C6CF9

#9F6CF9

#C26CF9

#E56CF9

#F96CEA

#F96CC6

#F96CA3

#F96C80

#6CA3F9 の彩度別色一覧

#F5F7F9

#E9EFF9

#DCE7F9

#D0E0F9

#C3D8F9

#B7D1F9

#AAC9F9

#9EC1F9

#91BAF9

#85B2F9

#78ABF9

#6CA3F9

#609BF9

#5394F9

#478CF9

#3A85F9

#2E7DF9

#2175F9

#156EF9

#0866F9

#6CA3F9 の明度別色一覧

#030407

#080D14

#0E1520

#141D2D

#19263A

#1F2E47

#243653

#2A3F60

#2F476D

#35507A

#3A5886

#406093

#4569A0

#4B71AD

#5079B9

#5682C6

#5B8AD3

#6192E0

#669BEC

#6CA3F9

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

#283A7A

#2B6196

#2E3D57

#6CA3F9

#456DBD

#637A9E

#6CA3F9

#183659

#819ACF

#204280

#4A87B8

#2F587A

#536C99

#162D45

#6CA3F9

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

#D154FC

#F6F684

#4BE058

#6CA3F9

#FE859A

#FF5D73

#E086FF

#6CA3F9

#E5F47B

#52F680

#E1FF71

#6CA3F9

#FF9383

#7EFFC6

#E258FF

#6CA3F9 を使ったカマイユ

#6CA3F9

#7FABF6

#80B6FF

#64AEFF

#548EEF

#6CA3F9

#7EAAFF

#5EA0F4

#6AA9FF

#559FF6

#78A8EA

#86B1FF

#6CA3F9

#62A6FE

#6B99F1

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

#78B2DD

#6CA3F9

#55B4FF

#67BEFF

#76C9FF

#78ACD5

#8DAEFF

#45A2DA

#6CA3F9

#4D7EFF

#6CA3F9

#5A7FFF

#95D0FF

#6AA1FF

#5378DD

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

#06429E

#6CA3F9

#37527D

#1B61CF

#4C5C75

#102647

#2463C7

#01398F

#6CA3F9

#789DD6

#0B1C36

#132E59

#44546E

#6CA3F9

#3C4552

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

#6CA3F9

#F96CA3

#A3F96C

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

#F9F16C

#6CA3F9

#F9936C

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

#6CA3F9

#F96CEA

#F9C26C

#6CF97C

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

#6CA3F9

#F9C26C

#6CA3F9

#E9EFF9

#6CA3F9

#2C4366

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

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

#6CA3F9

#6CA3F9 の色情報

#6CA3F9 の色相別色一覧

#6CA3F9 の彩度別色一覧

#6CA3F9 の明度別色一覧

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

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

#6CA3F9 を使ったカマイユ

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

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

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

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

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

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