DexBase Colors
#AB66EA の色 壁 #AB66EA Save image
色変換

色変換 for #AB66EA の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB171102234
HSL271.36°75.86%65.88%
HSV271.36°56.41%91.76%
CMYK26.92%56.41%0%8.24%
XYZ36.394124.101580.5607
Yxy24.10150.2580.1709
Hunter Lab49.093346.4123-62.8898
CIE-Lab56.189351.9181-56.427
CIE-LCH56.189376.6779312.6169
CIE-LUV56.189321.7429-94.3728

基数表記

BaseRedGreenBlue
Binary101010110110011011101010
Octal253146352
Decimal171102234
HexAB66EA

RGB比率

Red
67%
Green
40%
Blue
92%

CMYK比率

Cyan
27%
Magenta
56%
Yellow
0%
Black
8%
調和

配色

#AB66EA の色 黒背景

#AB66EA の色 サンプルテキスト

#AB66EA の色 白背景

#AB66EA の色 サンプルテキスト

#AB66EA CSSコード

.background { background-color: #AB66EA; }
.text { color: #AB66EA; }
.border { border: 3px solid #AB66EA; }
.shadow { box-shadow: 0 8px 28px rgba(171, 102, 234, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.61:1大きな文字
黒とのコントラスト5.82:1AA
Webセーフカラー#9966FFNear
輝度0.2410-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#AB66EA color
PortuguêsCor #AB66EA
EspañolColor #AB66EA
한국어#AB66EA 색상
日本語#AB66EA の色
中文#AB66EA 颜色
DeutschFarbe #AB66EA
FrançaisCouleur #AB66EA
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #AB66EA の色.

#AB66EA の色ラベンダー マゼンタKiwi深い mauve
近い色

Similar colors

See 紫系
青-バイオレット Blue-violet #8A2BE2 紫系 ラベンダー indigo Lavender indigo #9457EB 紫系 Navy 紫 Navy purple #9457EB 紫系 Bright ラベンダー Bright lavender #BF94E4 紫系 ラベンダー (floral) Lavender (floral) #B57EDC 紫系 Amethyst Amethyst #9966CC 紫系 Rich ラベンダー Rich lavender #A76BCF 紫系 淡い バイオレット Pale violet #CC99FF 紫系 暗い pastel 紫 Dark pastel purple #966FD6 紫系 バイオレット (color wheel) Violet (color wheel) #7F00FF 紫系 紫 (x11) Purple (X11) #A020F0 紫系 Veronica Veronica #A020F0 紫系