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

#6AA2F0 の色情報

#6AA2F0

画像
HEX	#6AA2F0
RGB	R:106 G:162 B:240
RGBの割合	R:41.6% G:63.5% B:94.1%
HSV	H:214.9 S:55.8 V:94.1
HSL	H:214.9 S:81.7 L:67.8
CMY	C:58.4 M:36.5 Y:5.9

CMYK	C:55.8 M:32.5 Y:0.0 K:5.9
YCbCr	Y:148.4 Cb:170.5 Cr:97.9
XYZ	X:34.6 Y:35.2 Z:87.4
xyY	x:0.220 y:0.224 Y:35.2

CIE Lab	L:65.9 a:4.0 b*:-44.7
CIE LCh	L:65.9 C:44.9 h:275.1
CIE Luv	L:65.9 u:-25.9 v*:-72.2
Hunter Lab	L:59.3 a:0.3 b:-45.8

#6AA2F0 の色相別色一覧

#F0756A

#F0976A

#F0B86A

#F0DA6A

#E5F06A

#C4F06A

#A2F06A

#81F06A

#6AF075

#6AF097

#6AF0B8

#6AF0DA

#6AE5F0

#6AC4F0

#6AA2F0

#6A81F0

#756AF0

#976AF0

#B86AF0

#DA6AF0

#F06AE5

#F06AC4

#F06AA2

#F06A81

#6AA2F0 の彩度別色一覧

#EEEFF0

#E2E8F0

#D6E1F0

#CADAF0

#BED3F0

#B2CCF0

#A6C5F0

#9ABEF0

#8EB7F0

#82B0F0

#76A9F0

#6AA2F0

#5E9BF0

#5294F0

#468DF0

#3A86F0

#2E7FF0

#2278F0

#1671F0

#0A6AF0

#6AA2F0 の明度別色一覧

#05070B

#0A1017

#101824

#162131

#1B2A3E

#21324A

#263B57

#2C4364

#324C71

#37557D

#3D5D8A

#436697

#486EA4

#4E77B0

#5380BD

#5988CA

#5F91D7

#6499E3

#6AA2F0

#70ABFD

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

#6AA2F0

#313E4D

#4A5D85

#3B6EA8

#406FC7

#587DB8

#6AA2F0

#2C4154

#294B85

#34689E

#2F5678

#4D7494

#1A2D54

#6AA2F0

#3F60BD

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

#5AFF6A

#F5DD54

#C568F8

#ED5F7A

#6AA2F0

#D782FF

#6AA2F0

#FAFF61

#64FA9E

#FA8088

#73EB95

#6AA2F0

#D66EED

#FF5C6F

#DEFF57

#6AA2F0 を使ったカマイユ

#6EA6FF

#6AA2F0

#5A9CFF

#64A6FA

#73A8E1

#5798FF

#6AA2F0

#6B95D9

#5792DE

#599CE8

#619DE6

#61AEFF

#73B2FF

#6499E8

#6AA2F0

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

#4494D9

#8AA2FA

#6AA2F0

#6687D9

#8DBEFF

#5275FF

#869EE6

#93B9F8

#6AA2F0

#7F9CFD

#6AA2F0

#78A4E6

#4F76FF

#7DABFF

#859FF5

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

#4F688C

#6D96CF

#495059

#1E2D42

#6AA2F0

#235191

#1A498A

#96C0FA

#6AA2F0

#2C5896

#575A5E

#2F558A

#124387

#6AA2F0

#49668F

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

#6AA2F0

#F06AA2

#A2F06A

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

#F0E56A

#6AA2F0

#F08B6A

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

#6AA2F0

#F06AE5

#F0B86A

#6AF075

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

#6AA2F0

#F0B86A

#6AA2F0

#E2E8F0

#6AA2F0

#2D4566

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

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

#6AA2F0

#6AA2F0 の色情報

#6AA2F0 の色相別色一覧

#6AA2F0 の彩度別色一覧

#6AA2F0 の明度別色一覧

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

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

#6AA2F0 を使ったカマイユ

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

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

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

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

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

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