#BA89E2｜カラーサイト.com

#BA89E2 の色情報

#BA89E2

画像
HEX	#BA89E2
RGB	R:186 G:137 B:226
RGBの割合	R:72.9% G:53.7% B:88.6%
HSV	H:273.0 S:39.4 V:88.6
HSL	H:273.0 S:60.5 L:71.2
CMY	C:27.1 M:46.3 Y:11.4

CMYK	C:17.7 M:39.4 Y:0.0 K:11.4
YCbCr	Y:155.0 Cb:159.8 Cr:143.2
XYZ	X:42.9 Y:33.8 Z:76.2
xyY	x:0.281 y:0.221 Y:33.8

CIE Lab	L:64.8 a:35.2 b*:-38.2
CIE LCh	L:64.8 C:52.0 h:312.7
CIE Luv	L:64.8 u:18.9 v*:-65.3
Hunter Lab	L:58.2 a:30.0 b:-37.0

#BA89E2 の色相別色一覧

#E28E89

#E2A489

#E2BA89

#E2D089

#DEE289

#C7E289

#B1E289

#9BE289

#89E28E

#89E2A4

#89E2BA

#89E2D0

#89DEE2

#89C7E2

#89B1E2

#899BE2

#8E89E2

#A489E2

#BA89E2

#D089E2

#E289DE

#E289C7

#E289B1

#E2899B

#BA89E2 の彩度別色一覧

#DED8E2

#D8CDE2

#D3C2E2

#CEB6E2

#C9ABE2

#C4A0E2

#BF94E2

#BA89E2

#B57EE2

#B072E2

#AB67E2

#A65CE2

#A151E2

#9C45E2

#963AE2

#912FE2

#8C23E2

#8718E2

#820DE2

#7D01E2

#BA89E2 の明度別色一覧

#080609

#120D16

#1D1523

#271D30

#32253C

#3C2C49

#473456

#513C63

#5C436F

#664B7C

#715389

#7B5B96

#8662A2

#906AAF

#9B72BC

#A57AC9

#B081D5

#BA89E2

#C491EF

#CF98FC

#BA89E2 を使ったトーンオントーン

#85749C

#AE89BD

#624C73

#433D4D

#BA89E2

#593975

#BA89E2

#4B4054

#877096

#8967B3

#403354

#673F8C

#BA89E2

#AD9AC2

#543B70

#BA89E2 を使ったトーンイントーン

#88B9D5

#84D08C

#D57791

#DACB94

#BA89E2

#A3F99E

#EF7EA0

#94D9DA

#F6E4A9

#BA89E2

#6C91D5

#D5D58C

#99EAB7

#CB7595

#BA89E2

#BA89E2 を使ったカマイユ

#B88AE7

#C098DA

#BD92D5

#B27AE7

#BA89E2

#D0AAFC

#B091D0

#A36EC9

#C48FF9

#BA89E2

#B792D8

#B182DA

#D3A4F6

#CBA9EF

#BA89E2 を使ったフォカマイユ

#8D6ABE

#BF84FF

#BA89E2

#B084C9

#DB81FF

#C0AAE7

#B88EC6

#CF9FEF

#B779CE

#BA89E2

#D884F1

#BDA0F4

#A56FD8

#BA89E2

#9B70C6

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

#C37AFF

#BA89E2

#68517A

#BAA7C9

#210736

#512E6E

#BA89E2

#C281F7

#AF81D4

#6A2D9C

#959099

#BA89E2

#D3A9F5

#A15ADB

#C98BFC

#BA89E2 を使ったトライアド

#BA89E2

#E2BA89

#89E2BA

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

#93E289

#BA89E2

#CFE289

#BA89E2 を使ったテトラード

#BA89E2

#E28E89

#B1E289

#89DEE2

#BA89E2 を使ったコントラスト

#BA89E2

#B1E289

#BA89E2

#8718E2

#BA89E2

#543E66

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

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

#BA89E2

#BA89E2 の色情報

#BA89E2 の色相別色一覧

#BA89E2 の彩度別色一覧

#BA89E2 の明度別色一覧

#BA89E2 を使ったトーンオントーン

#BA89E2 を使ったトーンイントーン

#BA89E2 を使ったカマイユ

#BA89E2 を使ったフォカマイユ

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

#BA89E2 を使ったトライアド

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

#BA89E2 を使ったテトラード

#BA89E2 を使ったコントラスト