#A2DAF0｜カラーサイト.com

#A2DAF0 の色情報

#A2DAF0

画像
HEX	#A2DAF0
RGB	R:162 G:218 B:240
RGBの割合	R:63.5% G:85.5% B:94.1%
HSV	H:196.9 S:32.5 V:94.1
HSL	H:196.9 S:72.2 L:78.8
CMY	C:36.5 M:14.5 Y:5.9

CMYK	C:32.5 M:9.2 Y:0.0 K:5.9
YCbCr	Y:191.0 Cb:145.9 Cr:101.9
XYZ	X:55.7 Y:64.1 Z:91.9
xyY	x:0.263 y:0.303 Y:64.1

CIE Lab	L:84.0 a:-12.7 b*:-16.5
CIE LCh	L:84.0 C:20.9 h:232.4
CIE Luv	L:84.0 u:-28.0 v*:-24.1
Hunter Lab	L:80.1 a:-16.0 b:-12.0

#A2DAF0 の色相別色一覧

#F0A5A2

#F0B8A2

#F0CCA2

#F0DFA2

#EEF0A2

#DAF0A2

#C7F0A2

#B3F0A2

#A2F0A5

#A2F0B8

#A2F0CC

#A2F0DF

#A2EEF0

#A2DAF0

#A2C7F0

#A2B3F0

#A5A2F0

#B8A2F0

#CCA2F0

#DFA2F0

#F0A2EE

#F0A2DA

#F0A2C7

#F0A2B3

#A2DAF0 の彩度別色一覧

#EAEEF0

#DEEBF0

#D2E8F0

#C6E4F0

#BAE1F0

#AEDDF0

#A2DAF0

#96D7F0

#8AD3F0

#7ED0F0

#72CCF0

#66C9F0

#5AC6F0

#4EC2F0

#42BFF0

#36BCF0

#2AB8F0

#1EB5F0

#12B1F0

#06AEF0

#A2DAF0 の明度別色一覧

#070A0B

#101517

#182124

#212C31

#2A383E

#32434A

#3B4F57

#435B64

#4C6671

#55727D

#5D7D8A

#668997

#6E95A4

#77A0B0

#80ACBD

#88B7CA

#91C3D7

#99CEE3

#A2DAF0

#ABE6FD

#A2DAF0 を使ったトーンオントーン

#556F75

#A2DAF0

#8CAFC7

#47575E

#68959E

#A2DAF0

#59959E

#79ADC4

#606F7A

#394B4F

#354D57

#478196

#A0BDC4

#4C7280

#A2DAF0

#A2DAF0 を使ったトーンイントーン

#FFA4D0

#D9BC99

#C1ABE8

#A2DAF0

#C4E3B0

#A2DAF0

#BF9AFF

#E181A9

#FFECC6

#BEFFA2

#C4A3FD

#ED99B1

#F3EBA9

#9ED7A0

#A2DAF0

#A2DAF0 を使ったカマイユ

#A2DAF0

#AFE4FF

#8BD3ED

#9ED2E1

#B7EAFD

#80BBD7

#92DAED

#A2DAF0

#A3CDE1

#9ACCE1

#83CDE3

#A2DAF0

#B4E0F8

#9CDAF5

#AAE0FF

#A2DAF0 を使ったフォカマイユ

#B0DCE1

#A2DAF0

#B1E3FF

#88F5FA

#A4D9FF

#A2DAF0

#B7DFE6

#A0CDCF

#89C9DE

#92C8CA

#9DF0FF

#7CE5E8

#A2DAF0

#8BC8E6

#90C1DC

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

#2A7491

#0F303D

#A2DAF0

#3CA0C7

#5B737D

#1E3C47

#365E6E

#A2DAF0

#666D70

#4E9FBF

#3C8FB0

#AFB7BA

#A2DAF0

#78D2F5

#1B88B3

#A2DAF0 を使ったアイデンティティ

#4DA3C4

#A2DAF0

#0C6E94

#2293BF

#A2DAF0

#2C5B6E

#A2DAF0

#3AA1C9

#266F8C

#A2DAF0 を使ったトライアド

#A2DAF0

#F0A2DA

#DAF0A2

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

#F0D2A2

#A2DAF0

#F0A2A6

#A2DAF0 を使ったテトラード

#A2DAF0

#DFA2F0

#F0B8A2

#B3F0A2

#A2DAF0 を使ったコントラスト

#A2DAF0

#F0B8A2

#A2DAF0

#2AB8F0

#A2DAF0

#455D66

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

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

#A2DAF0

#A2DAF0 の色情報

#A2DAF0 の色相別色一覧

#A2DAF0 の彩度別色一覧

#A2DAF0 の明度別色一覧

#A2DAF0 を使ったトーンオントーン

#A2DAF0 を使ったトーンイントーン

#A2DAF0 を使ったカマイユ

#A2DAF0 を使ったフォカマイユ

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

#A2DAF0 を使ったアイデンティティ

#A2DAF0 を使ったトライアド

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

#A2DAF0 を使ったテトラード

#A2DAF0 を使ったコントラスト