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

#89A5F0 の色情報

#89A5F0

画像
HEX	#89A5F0
RGB	R:137 G:165 B:240
RGBの割合	R:53.7% G:64.7% B:94.1%
HSV	H:223.7 S:42.9 V:94.1
HSL	H:223.7 S:77.4 L:73.9
CMY	C:46.3 M:35.3 Y:5.9

CMYK	C:42.9 M:31.2 Y:0.0 K:5.9
YCbCr	Y:157.9 Cb:165.1 Cr:110.4
XYZ	X:39.5 Y:38.5 Z:87.8
xyY	x:0.238 y:0.232 Y:38.5

CIE Lab	L:68.4 a:9.3 b*:-40.6
CIE LCh	L:68.4 C:41.7 h:282.9
CIE Luv	L:68.4 u:-16.5 v*:-66.4
Hunter Lab	L:62.1 a:5.0 b:-40.4

#89A5F0 の色相別色一覧

#F0A189

#F0BA89

#F0D489

#F0EE89

#D9F089

#BFF089

#A5F089

#8BF089

#89F0A1

#89F0BA

#89F0D4

#89F0EE

#89D9F0

#89BFF0

#89A5F0

#898BF0

#A189F0

#BA89F0

#D489F0

#EE89F0

#F089D9

#F089BF

#F089A5

#F0898B

#89A5F0 の彩度別色一覧

#E9EBF0

#DDE2F0

#D1D9F0

#C5D1F0

#B9C8F0

#ADBFF0

#A1B6F0

#95AEF0

#89A5F0

#7D9CF0

#7194F0

#658BF0

#5982F0

#4D79F0

#4171F0

#3568F0

#295FF0

#1D56F0

#114EF0

#0545F0

#89A5F0 の明度別色一覧

#06070B

#0D1017

#151924

#1C2231

#232A3E

#2A334A

#323C57

#394564

#404D71

#47567D

#4F5F8A

#566897

#5D70A4

#6579B0

#6C82BD

#738BCA

#7A93D7

#829CE3

#89A5F0

#90AEFD

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

#465F9C

#535975

#89A5F0

#272A45

#6A79CF

#434C78

#89A5F0

#97A5C7

#74859E

#414A5C

#2D3B4F

#587BC7

#4662AB

#4A5178

#89A5F0

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

#EB7F8A

#ABFFC7

#D3D987

#89A5F0

#E176FA

#89A5F0

#94F3B5

#D3EB9B

#F09BFA

#F3958D

#89A5F0

#EA82FF

#8EDEB1

#CEDC70

#E8747F

#89A5F0 を使ったカマイユ

#9CB8FF

#89A5F0

#7598E1

#6890D9

#8DA1DC

#93ADE8

#89A5F0

#7A90E1

#97ACFF

#788DD7

#91A8DE

#89A5F0

#98B2FD

#8CACED

#90A0D7

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

#8A9FDE

#B5CBFF

#89A5F0

#9B9EE3

#8C9FE8

#89A5F0

#81ACD7

#7087FF

#6DB6FD

#8D99CF

#89A5F0

#9CC1FF

#A3AAFF

#B8DDFF

#6B9CE3

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

#0F204F

#112969

#132454

#89A5F0

#5A6B96

#062475

#516BB0

#272F42

#6179B8

#89A5F0

#B8C1D9

#646873

#89A5F0

#0833A6

#91ADFA

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

#89A5F0

#F089A5

#A5F089

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

#EAF089

#89A5F0

#F0B289

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

#89A5F0

#F089D9

#F0D489

#89F0A1

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

#89A5F0

#F0D489

#89A5F0

#114EF0

#89A5F0

#3A4666

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

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

#89A5F0

#89A5F0 の色情報

#89A5F0 の色相別色一覧

#89A5F0 の彩度別色一覧

#89A5F0 の明度別色一覧

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

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

#89A5F0 を使ったカマイユ

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

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

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

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

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

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