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

#89A9E3 の色情報

#89A9E3

画像
HEX	#89A9E3
RGB	R:137 G:169 B:227
RGBの割合	R:53.7% G:66.3% B:89.0%
HSV	H:218.7 S:39.6 V:89.0
HSL	H:218.7 S:61.6 L:71.4
CMY	C:46.3 M:33.7 Y:11.0

CMYK	C:39.6 M:25.6 Y:0.0 K:11.0
YCbCr	Y:158.6 Cb:158.2 Cr:109.8
XYZ	X:38.4 Y:39.2 Z:78.2
xyY	x:0.246 y:0.252 Y:39.2

CIE Lab	L:68.9 a:3.5 b*:-32.7
CIE LCh	L:68.9 C:32.9 h:276.1
CIE Luv	L:68.9 u:-17.8 v*:-52.4
Hunter Lab	L:62.6 a:-0.3 b:-30.2

#89A9E3 の色相別色一覧

#E39689

#E3AD89

#E3C389

#E3DA89

#D6E389

#C0E389

#A9E389

#93E389

#89E396

#89E3AD

#89E3C3

#89E3DA

#89D6E3

#89C0E3

#89A9E3

#8993E3

#9689E3

#AD89E3

#C389E3

#DA89E3

#E389D6

#E389C0

#E389A9

#E38993

#89A9E3 の彩度別色一覧

#D8DCE3

#CDD5E3

#C2CEE3

#B6C6E3

#ABBFE3

#A0B8E3

#94B0E3

#89A9E3

#7EA2E3

#729AE3

#6793E3

#5C8CE3

#5084E3

#457DE3

#3A76E3

#2E6EE3

#2367E3

#1860E3

#0C59E3

#0151E3

#89A9E3 の明度別色一覧

#06080A

#0E1117

#161B24

#1D2431

#252E3D

#2D374A

#344157

#3C4A64

#445470

#4B5D7D

#53678A

#5B7097

#637AA3

#6A83B0

#728DBD

#7A96CA

#81A0D6

#89A9E3

#91B2F0

#98BCFD

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

#707AA3

#89A9E3

#4B536E

#343F4A

#8E95B3

#5488BA

#89A9E3

#4777A3

#30394D

#526080

#3E496B

#8997BD

#38444F

#89A9E3

#51609E

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

#ADF079

#84F7EB

#CA8B67

#D18BD0

#89A9E3

#CF95DE

#DB8D9B

#92D69E

#F5ED85

#F7EB9D

#89A9E3

#FD9BAC

#AAFDB9

#D09FE6

#89A9E3 を使ったカマイユ

#89A9E3

#8AA0D4

#8EA2CA

#84A7D4

#A2B7ED

#90AEF7

#89A9E3

#6B8BD4

#7FA0F2

#A0BFEB

#A5BDED

#89A9E3

#9EC7FA

#8CA7E0

#A0C1F5

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

#A4CEFF

#7AADD1

#89A9E3

#678DC4

#9BB6D4

#6486C7

#739FDB

#92AACC

#89A9E3

#60A6D4

#8F96CF

#91AFCF

#8DA7DE

#A1AADB

#89A9E3

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

#263A5E

#345A9E

#464F61

#89A9E3

#4667A3

#95A4BF

#919FB8

#94ABD6

#061633

#89A9E3

#24509E

#2C3F61

#89A9E3

#57698A

#2B71F0

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

#89A9E3

#E389A9

#A9E389

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

#E3E189

#89A9E3

#E3A589

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

#89A9E3

#E389D6

#E3C389

#89E396

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

#89A9E3

#E3C389

#89A9E3

#1860E3

#89A9E3

#3E4C66

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

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

#89A9E3

#89A9E3 の色情報

#89A9E3 の色相別色一覧

#89A9E3 の彩度別色一覧

#89A9E3 の明度別色一覧

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

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

#89A9E3 を使ったカマイユ

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

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

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

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

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

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