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

#89A6E2 の色情報

#89A6E2

画像
HEX	#89A6E2
RGB	R:137 G:166 B:226
RGBの割合	R:53.7% G:65.1% B:88.6%
HSV	H:220.4 S:39.4 V:88.6
HSL	H:220.4 S:60.5 L:71.2
CMY	C:46.3 M:34.9 Y:11.4

CMYK	C:39.4 M:26.5 Y:0.0 K:11.4
YCbCr	Y:157.0 Cb:158.6 Cr:111.0
XYZ	X:37.7 Y:38.1 Z:77.3
xyY	x:0.246 y:0.249 Y:38.1

CIE Lab	L:68.1 a:4.9 b*:-33.5
CIE LCh	L:68.1 C:33.8 h:278.3
CIE Luv	L:68.1 u:-16.6 v*:-53.7
Hunter Lab	L:61.7 a:1.0 b:-31.1

#89A6E2 の色相別色一覧

#E29989

#E2AF89

#E2C589

#E2DB89

#D3E289

#BCE289

#A6E289

#90E289

#89E299

#89E2AF

#89E2C5

#89E2DB

#89D3E2

#89BCE2

#89A6E2

#8990E2

#9989E2

#AF89E2

#C589E2

#DB89E2

#E289D3

#E289BC

#E289A6

#E28990

#89A6E2 の彩度別色一覧

#D8DBE2

#CDD4E2

#C2CCE2

#B6C4E2

#ABBDE2

#A0B5E2

#94AEE2

#89A6E2

#7E9EE2

#7297E2

#678FE2

#5C88E2

#5180E2

#4578E2

#3A71E2

#2F69E2

#2361E2

#185AE2

#0D52E2

#014BE2

#89A6E2 の明度別色一覧

#060709

#0D1016

#151A23

#1D2330

#252C3C

#2C3649

#343F56

#3C4863

#43526F

#4B5B7C

#536489

#5B6E96

#6277A2

#6A81AF

#728ABC

#7A93C9

#819DD5

#89A6E2

#91AFEF

#98B9FC

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

#34394D

#6580B0

#5B6B7A

#89A6E2

#65739C

#7597C2

#3B3E4A

#6F8096

#89A6E2

#606B7A

#89A6E2

#2F374F

#31416E

#666F9E

#588AC4

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

#C1CB6D

#EAA49E

#9DFCAE

#DA9ADA

#89A6E2

#EC9D81

#CD76D8

#89A6E2

#B3D395

#7ADFC0

#B6D58E

#97F1DE

#C886C9

#F6B5A2

#89A6E2

#89A6E2 を使ったカマイユ

#9FB5E5

#7896E5

#93B1DF

#7799DA

#89A6E2

#84A0E5

#96B2FC

#AAC0F1

#8A9ED3

#82A2EA

#879EDA

#6F98D8

#89A6E2

#9DB8E5

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

#A5B9F4

#B0C5EF

#89A6E2

#8C93C9

#7093CE

#89A6E2

#9EC3F1

#A2B4EC

#7198DA

#BEC5FF

#7F8ECB

#6A8DC6

#749ED8

#7AA2D0

#89A6E2

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

#9FABC4

#4F6CA8

#386BD6

#1B3C80

#89A6E2

#586580

#2B58B5

#578BF7

#1D2C4A

#223D73

#89A6E2

#203257

#809FE0

#BAC7E0

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

#89A6E2

#E289A6

#A6E289

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

#E1E289

#89A6E2

#E2A789

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

#89A6E2

#E289D3

#E2C589

#89E299

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

#89A6E2

#E2C589

#89A6E2

#185AE2

#89A6E2

#3E4B66

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

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

#89A6E2

#89A6E2 の色情報

#89A6E2 の色相別色一覧

#89A6E2 の彩度別色一覧

#89A6E2 の明度別色一覧

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

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

#89A6E2 を使ったカマイユ

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

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

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

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

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

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