#89A2F9｜カラーサイト.com

#89A2F9 の色情報

#89A2F9

画像
HEX	#89A2F9
RGB	R:137 G:162 B:249
RGBの割合	R:53.7% G:63.5% B:97.6%
HSV	H:226.6 S:45.0 V:97.6
HSL	H:226.6 S:90.3 L:75.7
CMY	C:46.3 M:36.5 Y:2.4

CMYK	C:45.0 M:34.9 Y:0.0 K:2.4
YCbCr	Y:157.3 Cb:169.9 Cr:110.8
XYZ	X:40.3 Y:38.0 Z:94.8
xyY	x:0.233 y:0.219 Y:38.0

CIE Lab	L:68.0 a:13.6 b*:-46.1
CIE LCh	L:68.0 C:48.1 h:286.4
CIE Luv	L:68.0 u:-15.6 v*:-76.2
Hunter Lab	L:61.6 a:8.9 b:-48.1

#89A2F9 の色相別色一覧

#F98C89

#F9A889

#F9C489

#F9E089

#F6F989

#DAF989

#BEF989

#A2F989

#89F98C

#89F9A8

#89F9C4

#89F9E0

#89F6F9

#89DAF9

#89BEF9

#89A2F9

#8C89F9

#A889F9

#C489F9

#E089F9

#F989F6

#F989DA

#F989BE

#F989A2

#89A2F9 の彩度別色一覧

#EDEFF9

#E0E6F9

#D4DCF9

#C7D2F9

#BBC9F9

#AEBFF9

#A2B5F9

#95ACF9

#89A2F9

#7D98F9

#708FF9

#6485F9

#577BF9

#4B72F9

#3E68F9

#325EF9

#2555F9

#194BF9

#0D41F9

#0038F9

#89A2F9 の明度別色一覧

#040407

#0B0D14

#121520

#191D2D

#20263A

#272E47

#2E3653

#353E60

#3C476D

#434F7A

#4A5786

#516093

#5868A0

#5F70AD

#6679B9

#6D81C6

#7489D3

#7B91E0

#829AEC

#89A2F9

#89A2F9 を使ったトーンオントーン

#89A2F9

#5B70A3

#2F4680

#777FC7

#24395E

#30436B

#394C9E

#3E4054

#89A2F9

#848FC4

#808DC4

#89A2F9

#6270A6

#262E52

#465880

#89A2F9 を使ったトーンイントーン

#E385F6

#B7FF7A

#94FFEC

#FFA08A

#89A2F9

#E2956A

#89A2F9

#73EFCB

#B9F484

#E78DDD

#DEFF99

#89A2F9

#71F1B9

#FF7D82

#DD7EF1

#89A2F9 を使ったカマイユ

#89A2F9

#8FAAFF

#759AFE

#889AEA

#8295E0

#7498F1

#A1B4FF

#89A2F9

#97B3FF

#788DFF

#A6B5FF

#7791E5

#89A2F9

#7489FC

#8DAFFC

#89A2F9 を使ったフォカマイユ

#6F6BFF

#A8B7FF

#6193EC

#89A2F9

#8EA3F4

#8C8BE7

#A0C0FE

#99BCFF

#89A2F9

#5E63EA

#89A2F9

#8DBBEF

#A19EFF

#7FA0FE

#70B3FE

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

#132870

#89A2F9

#3E57B0

#C1C8E0

#0D2EA1

#6B728C

#7080B5

#3B3E4A

#4064E3

#89A2F9

#5F7AD9

#5F6887

#373B47

#89A2F9

#394A85

#89A2F9 を使ったトライアド

#89A2F9

#F989A2

#A2F989

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

#EDF989

#89A2F9

#F9BB89

#89A2F9 を使ったテトラード

#89A2F9

#F989DA

#F9E089

#89F9A8

#89A2F9 を使ったコントラスト

#89A2F9

#F9E089

#89A2F9

#0D41F9

#89A2F9

#384266

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

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

#89A2F9

#89A2F9 の色情報

#89A2F9 の色相別色一覧

#89A2F9 の彩度別色一覧

#89A2F9 の明度別色一覧

#89A2F9 を使ったトーンオントーン

#89A2F9 を使ったトーンイントーン

#89A2F9 を使ったカマイユ

#89A2F9 を使ったフォカマイユ

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

#89A2F9 を使ったトライアド

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

#89A2F9 を使ったテトラード

#89A2F9 を使ったコントラスト