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

#89A0E2 の色情報

#89A0E2

画像
HEX	#89A0E2
RGB	R:137 G:160 B:226
RGBの割合	R:53.7% G:62.7% B:88.6%
HSV	H:224.5 S:39.4 V:88.6
HSL	H:224.5 S:60.5 L:71.2
CMY	C:46.3 M:37.3 Y:11.4

CMYK	C:39.4 M:29.2 Y:0.0 K:11.4
YCbCr	Y:154.0 Cb:160.4 Cr:113.2
XYZ	X:36.6 Y:36.0 Z:77.0
xyY	x:0.245 y:0.240 Y:36.0

CIE Lab	L:66.5 a:8.3 b*:-36.0
CIE LCh	L:66.5 C:36.9 h:283.0
CIE Luv	L:66.5 u:-14.2 v*:-58.1
Hunter Lab	L:60.0 a:4.1 b:-34.1

#89A0E2 の色相別色一覧

#E29F89

#E2B589

#E2CB89

#E2E189

#CDE289

#B6E289

#A0E289

#8AE289

#89E29F

#89E2B5

#89E2CB

#89E2E1

#89CDE2

#89B6E2

#89A0E2

#898AE2

#9F89E2

#B589E2

#CB89E2

#E189E2

#E289CD

#E289B6

#E289A0

#E2898A

#89A0E2 の彩度別色一覧

#D8DBE2

#CDD2E2

#C2CAE2

#B6C2E2

#ABB9E2

#A0B1E2

#94A8E2

#89A0E2

#7E98E2

#728FE2

#6787E2

#5C7EE2

#5176E2

#456EE2

#3A65E2

#2F5DE2

#2355E2

#184CE2

#0D44E2

#013BE2

#89A0E2 の明度別色一覧

#060709

#0D1016

#151923

#1D2230

#252B3C

#2C3449

#343D56

#3C4663

#434F6F

#4B587C

#536189

#5B6A96

#6273A2

#6A7CAF

#7285BC

#7A8EC9

#8197D5

#89A0E2

#91A9EF

#98B2FC

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

#677DBD

#48567A

#89A0E2

#4461A1

#494F5C

#49597D

#7E96B8

#3D468F

#31394A

#89A0E2

#61667D

#5E6696

#747BBF

#424857

#89A0E2

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

#90CB73

#D8A389

#7FD3D5

#89A0E2

#EB9FEF

#CC8AD5

#89A0E2

#C3F485

#F4B7A5

#95D3B3

#89A0E2

#C97073

#ECACF4

#AAFCC9

#C4CB6D

#89A0E2 を使ったカマイユ

#A0B0EA

#98ADEF

#89A0E2

#7393DA

#758FE7

#ABB9F9

#A2B1F6

#95A5DD

#8FAEF9

#89A0E2

#9CAADF

#89A0E2

#8593CB

#8FA6F4

#91B4FC

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

#89A0E2

#8D95CE

#878FE7

#7082D0

#B6CCF1

#7285CE

#9EBDF9

#6FA4DA

#7593FC

#89A0E2

#B6BBF4

#89A0E2

#899FCE

#7D98BC

#7485F9

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

#676C7A

#022EAD

#0B36B3

#002FB5

#89A0E2

#3D6AEB

#294185

#113499

#5C79CC

#89A0E2

#7D8BB5

#18368C

#1D55F5

#212D4F

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

#89A0E2

#E289A0

#A0E289

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

#DBE289

#89A0E2

#E2AD89

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

#89A0E2

#E289CD

#E2CB89

#89E29F

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

#89A0E2

#E2CB89

#89A0E2

#184CE2

#89A0E2

#3E4866

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

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

#89A0E2

#89A0E2 の色情報

#89A0E2 の色相別色一覧

#89A0E2 の彩度別色一覧

#89A0E2 の明度別色一覧

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

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

#89A0E2 を使ったカマイユ

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

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

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

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

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

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