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

#89A2F0 の色情報

#89A2F0

画像
HEX	#89A2F0
RGB	R:137 G:162 B:240
RGBの割合	R:53.7% G:63.5% B:94.1%
HSV	H:225.4 S:42.9 V:94.1
HSL	H:225.4 S:77.4 L:73.9
CMY	C:46.3 M:36.5 Y:5.9

CMYK	C:42.9 M:32.5 Y:0.0 K:5.9
YCbCr	Y:156.4 Cb:165.9 Cr:111.5
XYZ	X:39.0 Y:37.4 Z:87.6
xyY	x:0.238 y:0.228 Y:37.4

CIE Lab	L:67.6 a:11.0 b*:-41.9
CIE LCh	L:67.6 C:43.3 h:284.8
CIE Luv	L:67.6 u:-15.4 v*:-68.6
Hunter Lab	L:61.2 a:6.6 b:-42.1

#89A2F0 の色相別色一覧

#F08A89

#F0A489

#F0BD89

#F0D789

#EFF089

#D6F089

#BCF089

#A2F089

#89F08A

#89F0A4

#89F0BD

#89F0D7

#89EFF0

#89D6F0

#89BCF0

#89A2F0

#8A89F0

#A489F0

#BD89F0

#D789F0

#F089EF

#F089D6

#F089BC

#F089A2

#89A2F0 の彩度別色一覧

#E9EBF0

#DDE2F0

#D1D9F0

#C5CFF0

#B9C6F0

#ADBDF0

#A1B4F0

#95ABF0

#89A2F0

#7D99F0

#7190F0

#6587F0

#597EF0

#4D75F0

#416BF0

#3562F0

#2959F0

#1D50F0

#1147F0

#053EF0

#89A2F0 の明度別色一覧

#06070B

#0D1017

#151824

#1C2131

#232A3E

#2A324A

#323B57

#394364

#404C71

#47557D

#4F5D8A

#566697

#5D6EA4

#6577B0

#6C80BD

#7388CA

#7A91D7

#8299E3

#89A2F0

#90ABFD

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

#8C92BA

#37477D

#252E57

#495491

#89A2F0

#273447

#5063BA

#323C80

#5867A8

#89A2F0

#4467A1

#1E2D52

#36487A

#889BBA

#89A2F0

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

#DE9885

#89A2F0

#DEFF9E

#F79FF8

#7BFFBE

#D7FF94

#FF7BF3

#FAC0A8

#8CE6C9

#89A2F0

#DDFF7B

#89D9A4

#DE99EB

#89A2F0

#F39792

#89A2F0 を使ったカマイユ

#84A0EB

#779AED

#89A2F0

#A9BFFF

#7585D9

#A6C0FF

#7C8EED

#7397F5

#89A2F0

#8F9EE3

#87A4E1

#89A2F0

#ABC5FF

#8CA4E1

#99B9FF

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

#7989CC

#6B9BF8

#89A2F0

#9CA0FF

#8397CA

#A9BBFF

#9EA6DC

#89A2F0

#8CAEFF

#9CA6E8

#7098CF

#8383CC

#99C6FF

#89A2F0

#ABD0FF

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

#081438

#1D3685

#5B6275

#243E8F

#89A2F0

#8A9BD1

#89A2F0

#465891

#687087

#1E2C57

#2446B3

#6184F2

#3B5194

#1D2E66

#89A2F0

#89A2F0 を使ったアイデンティティ

#617DD4

#89A2F0

#1A2F6E

#89A2F0

#4161C4

#152E7D

#0C2570

#89A2F0

#465B9C

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

#89A2F0

#F089A2

#A2F089

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

#E7F089

#89A2F0

#F0B589

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

#89A2F0

#F089D6

#F0D789

#89F0A4

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

#89A2F0

#F0D789

#89A2F0

#1147F0

#89A2F0

#3A4566

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

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

#89A2F0

#89A2F0 の色情報

#89A2F0 の色相別色一覧

#89A2F0 の彩度別色一覧

#89A2F0 の明度別色一覧

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

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

#89A2F0 を使ったカマイユ

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

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

#89A2F0 を使ったアイデンティティ

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

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

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

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