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

#89A5D2 の色情報

#89A5D2

画像
HEX	#89A5D2
RGB	R:137 G:165 B:210
RGBの割合	R:53.7% G:64.7% B:82.4%
HSV	H:217.0 S:34.8 V:82.4
HSL	H:217.0 S:44.8 L:68.0
CMY	C:46.3 M:35.3 Y:17.6

CMYK	C:34.8 M:21.4 Y:0.0 K:17.6
YCbCr	Y:154.9 Cb:151.9 Cr:112.5
XYZ	X:35.4 Y:36.9 Z:66.2
xyY	x:0.256 y:0.266 Y:36.9

CIE Lab	L:67.2 a:1.2 b*:-26.0
CIE LCh	L:67.2 C:26.1 h:272.6
CIE Luv	L:67.2 u:-15.8 v*:-40.8
Hunter Lab	L:60.7 a:-2.2 b:-22.1

#89A5D2 の色相別色一覧

#D29289

#D2A489

#D2B689

#D2C889

#CAD289

#B7D289

#A5D289

#93D289

#89D292

#89D2A4

#89D2B6

#89D2C8

#89CAD2

#89B7D2

#89A5D2

#8993D2

#9289D2

#A489D2

#B689D2

#C889D2

#D289CA

#D289B7

#D289A5

#D28993

#89A5D2 の彩度別色一覧

#C8CCD2

#BEC5D2

#B3BFD2

#A9B8D2

#9EB2D2

#94ABD2

#89A5D2

#7F9FD2

#7498D2

#6A92D2

#5F8BD2

#5585D2

#4A7ED2

#4078D2

#3571D2

#2B6BD2

#2064D2

#165ED2

#0B57D2

#0151D2

#89A5D2 の明度別色一覧

#040506

#0C0F13

#151920

#1D232C

#252D39

#2E3746

#364153

#3E4B5F

#46556C

#4F5F79

#576986

#5F7392

#687D9F

#7087AC

#7891B9

#819BC5

#89A5D2

#91AFDF

#9AB9EC

#A2C3F8

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

#89A5D2

#CCDEF0

#6C7B9E

#6A7480

#28314A

#232B4A

#455B80

#727F99

#89A5D2

#7396B3

#80889E

#232E4D

#B0BFF0

#89A5D2

#425170

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

#89A5D2

#C36EC8

#C88A8B

#CCDA97

#77C597

#C86E70

#89A5D2

#B1CA70

#CA7FE1

#7ADCA9

#C36D7C

#89A5D2

#C4C894

#8AE1A9

#B085C5

#89A5D2 を使ったカマイユ

#7F97C0

#93B2EC

#A8C6E9

#A2C0E6

#89A5D2

#759BCF

#758EB9

#88A7CD

#9DB1DA

#89A5D2

#94ACDC

#89A5D2

#879BC3

#7292C0

#7C93CA

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

#89A5D2

#6D8AAC

#86A0E6

#BFD3F1

#7589E4

#A1C7DC

#788DE6

#8CB5E4

#798EC3

#89A5D2

#8890AC

#7588D7

#7180B9

#81ADEE

#89A5D2

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

#1B3763

#0C2752

#45556E

#89A5D2

#457ED9

#2E7EFF

#89A5D2

#A2C1F5

#053C96

#CED4DE

#3D4045

#162640

#366ABF

#244478

#89A5D2

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

#89A5D2

#D289A5

#A5D289

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

#D2CE89

#89A5D2

#D29E89

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

#89A5D2

#D289CA

#D2B689

#89D292

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

#89A5D2

#D2B689

#89A5D2

#2064D2

#89A5D2

#435066

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

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

#89A5D2

#89A5D2 の色情報

#89A5D2 の色相別色一覧

#89A5D2 の彩度別色一覧

#89A5D2 の明度別色一覧

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

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

#89A5D2 を使ったカマイユ

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

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

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

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

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

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