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

色変換 for #BA85EC の色

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

色空間

RGB186133236
HSL270.87°73.05%72.35%
HSV270.87°43.64%92.55%
CMYK21.19%43.64%0%7.45%
XYZ43.774533.270783.4564
Yxy33.27070.27270.2073
Hunter Lab57.680834.523-45.3746
CIE-Lab64.379539.6643-44.4478
CIE-LCH64.379559.5723311.7451
CIE-LUV64.379519.1724-76.0221

基数表記

BaseRedGreenBlue
Binary101110101000010111101100
Octal272205354
Decimal186133236
HexBA85EC

RGB比率

Red
73%
Green
52%
Blue
93%

CMYK比率

Cyan
21%
Magenta
44%
Yellow
0%
Black
7%
調和

配色

#BA85EC の色 黒背景

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

#BA85EC の色 白背景

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

#BA85EC CSSコード

.background { background-color: #BA85EC; }
.text { color: #BA85EC; }
.border { border: 3px solid #BA85EC; }
.shadow { box-shadow: 0 8px 28px rgba(186, 133, 236, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.74:1低い
黒とのコントラスト7.65:1AAA
Webセーフカラー#CC99FFNear
輝度0.33270-1
言語

Color names in other languages

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

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

Nearby palette

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

#BA85EC の色ラベンダー マゼンタKiwiFrench mauve
近い色

Similar colors

See 紫系
Bright ラベンダー Bright lavender #BF94E4 紫系 青-バイオレット Blue-violet #8A2BE2 紫系 ラベンダー (floral) Lavender (floral) #B57EDC 紫系 淡い バイオレット Pale violet #CC99FF 紫系 ラベンダー indigo Lavender indigo #9457EB 紫系 Navy 紫 Navy purple #9457EB 紫系 Amethyst Amethyst #9966CC 紫系 Rich ラベンダー Rich lavender #A76BCF 紫系 Bright ube Bright ube #D19FE8 紫系 暗い pastel 紫 Dark pastel purple #966FD6 紫系 Bright lilac Bright lilac #D891EF 紫系 Medium 紫 Medium purple #9370DB 紫系