#60A2F0｜カラーサイト.com

#60A2F0 の色情報

#60A2F0

画像
HEX	#60A2F0
RGB	R:96 G:162 B:240
RGBの割合	R:37.6% G:63.5% B:94.1%
HSV	H:212.5 S:60.0 V:94.1
HSL	H:212.5 S:82.8 L:65.9
CMY	C:62.4 M:36.5 Y:5.9

CMYK	C:60.0 M:32.5 Y:0.0 K:5.9
YCbCr	Y:145.8 Cb:172.0 Cr:93.5
XYZ	X:33.5 Y:34.6 Z:87.4
xyY	x:0.215 y:0.223 Y:34.6

CIE Lab	L:65.4 a:2.0 b*:-45.4
CIE LCh	L:65.4 C:45.5 h:272.5
CIE Luv	L:65.4 u:-28.6 v*:-73.1
Hunter Lab	L:58.8 a:-1.4 b:-46.8

#60A2F0 の色相別色一覧

#F06660

#F08A60

#F0AE60

#F0D260

#EAF060

#C6F060

#A2F060

#7EF060

#60F066

#60F08A

#60F0AE

#60F0D2

#60EAF0

#60C6F0

#60A2F0

#607EF0

#6660F0

#8A60F0

#AE60F0

#D260F0

#F060EA

#F060C6

#F060A2

#F0607E

#60A2F0 の彩度別色一覧

#F0F0F0

#E4EAF0

#D8E3F0

#CCDDF0

#C0D6F0

#B4D0F0

#A8C9F0

#9CC3F0

#90BCF0

#84B6F0

#78AFF0

#6CA9F0

#60A2F0

#549CF0

#4895F0

#3C8FF0

#3088F0

#2482F0

#187BF0

#0C75F0

#60A2F0 の明度別色一覧

#04070B

#091017

#0E1824

#142131

#192A3E

#1E324A

#233B57

#284364

#2D4C71

#32557D

#375D8A

#3C6697

#416EA4

#4777B0

#4C80BD

#5188CA

#5691D7

#5B99E3

#60A2F0

#65ABFD

#60A2F0 を使ったトーンオントーン

#213357

#1B3B82

#60A2F0

#6082A1

#7087BA

#506796

#60A2F0

#4B85C9

#32425C

#384E6B

#60A2F0

#3583BD

#315B99

#243045

#3D5D82

#60A2F0 を使ったトーンイントーン

#C16EFF

#49DE95

#F86A75

#60A2F0

#C6DC53

#C46DF8

#E8486C

#60A2F0

#F8E574

#6AF870

#60A2F0

#D74244

#D7E65E

#6FFDB2

#D161FF

#60A2F0 を使ったカマイユ

#7DB4FA

#4079D7

#79AFFD

#4DA4FF

#60A2F0

#7BB5F5

#60A2F0

#4C83D9

#69B8FF

#6EA9FF

#78BAFF

#59AEFF

#74B7F8

#60A2F0

#69A0DC

#60A2F0 を使ったフォカマイユ

#60A2F0

#4B81FA

#5293EB

#8CD4FF

#74A0DC

#82C4FF

#6A9AFD

#6C97CC

#60A2F0

#61A1D4

#60A2F0

#789FE3

#5C9CFF

#4D6CCF

#5987CF

#60A2F0 を使ったドミナントカラー

#E1EDFC

#545659

#14263B

#60A2F0

#5591D9

#60A2F0

#0E4E99

#064794

#0F325C

#0A3D7A

#464B52

#093466

#C9CFD6

#425C7A

#60A2F0

#60A2F0 を使ったトライアド

#60A2F0

#F060A2

#A2F060

#60A2F0 を使ったスプリットコンプリメンタリー

#F0DE60

#60A2F0

#F07E60

#60A2F0 を使ったテトラード

#60A2F0

#F060EA

#F0AE60

#60F066

#60A2F0 を使ったコントラスト

#60A2F0

#F0AE60

#60A2F0

#D8E3F0

#60A2F0

#294566

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

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

#60A2F0

#60A2F0 の色情報

#60A2F0 の色相別色一覧

#60A2F0 の彩度別色一覧

#60A2F0 の明度別色一覧

#60A2F0 を使ったトーンオントーン

#60A2F0 を使ったトーンイントーン

#60A2F0 を使ったカマイユ

#60A2F0 を使ったフォカマイユ

#60A2F0 を使ったドミナントカラー

#60A2F0 を使ったトライアド

#60A2F0 を使ったスプリットコンプリメンタリー

#60A2F0 を使ったテトラード

#60A2F0 を使ったコントラスト