#9AB4E2｜カラーサイト.com

#9AB4E2 の色情報

#9AB4E2

画像
HEX	#9AB4E2
RGB	R:154 G:180 B:226
RGBの割合	R:60.4% G:70.6% B:88.6%
HSV	H:218.3 S:31.9 V:88.6
HSL	H:218.3 S:55.4 L:74.5
CMY	C:39.6 M:29.4 Y:11.4

CMYK	C:31.9 M:20.4 Y:0.0 K:11.4
YCbCr	Y:168.4 Cb:152.0 Cr:113.3
XYZ	X:43.4 Y:45.0 Z:78.4
xyY	x:0.260 y:0.270 Y:45.0

CIE Lab	L:72.9 a:1.8 b*:-26.0
CIE LCh	L:72.9 C:26.0 h:273.9
CIE Luv	L:72.9 u:-15.1 v*:-41.2
Hunter Lab	L:67.1 a:-2.0 b:-22.3

#9AB4E2 の色相別色一覧

#E2A49A

#E2B69A

#E2C89A

#E2DA9A

#D8E29A

#C6E29A

#B4E29A

#A2E29A

#9AE2A4

#9AE2B6

#9AE2C8

#9AE2DA

#9AD8E2

#9AC6E2

#9AB4E2

#9AA2E2

#A49AE2

#B69AE2

#C89AE2

#DA9AE2

#E29AD8

#E29AC6

#E29AB4

#E29AA2

#9AB4E2 の彩度別色一覧

#DEDFE2

#D3D8E2

#C7D1E2

#BCCAE2

#B1C2E2

#A5BBE2

#9AB4E2

#8FADE2

#83A6E2

#789EE2

#6D97E2

#6290E2

#5689E2

#4B81E2

#407AE2

#3473E2

#296CE2

#1E65E2

#125DE2

#0756E2

#9AB4E2 の明度別色一覧

#060709

#0F1216

#181C23

#202630

#29303C

#323A49

#3A4456

#434E63

#4C596F

#54637C

#5D6D89

#667796

#6F81A2

#778BAF

#8096BC

#89A0C9

#91AAD5

#9AB4E2

#A3BEEF

#ABC8FC

#9AB4E2 を使ったトーンオントーン

#5A87B3

#42597D

#3D3F47

#9AB4E2

#506F99

#597399

#9AB4E2

#292F4A

#9CA5B8

#535D6B

#9AB4E2

#68788F

#555E75

#32405C

#7B86B0

#9AB4E2 を使ったトーンイントーン

#DF978B

#90E5CA

#9AB4E2

#BFD39C

#D08DD5

#ABCB8E

#DFA892

#91D8BC

#9AB4E2

#EB8CEC

#BC7BD3

#E3EF9C

#88EAB8

#9AB4E2

#E599A9

#9AB4E2 を使ったカマイユ

#B0C5E7

#93A9DA

#9AB4E2

#98C2F9

#9FB3DF

#B8CBF1

#7994D0

#9AB4E2

#79A0D0

#AAB9DF

#9EB4D5

#9FC5FC

#8DA4D8

#9AB4E2

#88A3CB

#9AB4E2 を使ったフォカマイユ

#94AAEF

#8595DD

#81A9C9

#97ABBE

#9AB4E2

#B3C8D8

#ABCEEA

#6674C1

#B5C1FF

#B3C3DD

#7F96C9

#9AB4E2

#9FB1FC

#C3D9F9

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

#72A4FC

#9AB4E2

#3C4554

#7B91B8

#0C48B3

#9AB4E2

#5178BD

#344970

#A8B1BF

#494C52

#80A3E0

#172C52

#032766

#B5C7E6

#9AB4E2

#9AB4E2 を使ったアイデンティティ

#9AB4E2

#0B47B3

#203761

#3C6BBD

#1F488F

#9AB4E2

#035EFF

#475C80

#9AB4E2 を使ったトライアド

#9AB4E2

#E29AB4

#B4E29A

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

#E2E09A

#9AB4E2

#E2B09A

#9AB4E2 を使ったテトラード

#9AB4E2

#E29AD8

#E2C89A

#9AE2A4

#9AB4E2 を使ったコントラスト

#9AB4E2

#E2C89A

#9AB4E2

#296CE2

#9AB4E2

#465166

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

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

#9AB4E2

#9AB4E2 の色情報

#9AB4E2 の色相別色一覧

#9AB4E2 の彩度別色一覧

#9AB4E2 の明度別色一覧

#9AB4E2 を使ったトーンオントーン

#9AB4E2 を使ったトーンイントーン

#9AB4E2 を使ったカマイユ

#9AB4E2 を使ったフォカマイユ

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

#9AB4E2 を使ったアイデンティティ

#9AB4E2 を使ったトライアド

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

#9AB4E2 を使ったテトラード

#9AB4E2 を使ったコントラスト