DexBase Colors
#885AE0 の色 壁 #885AE0 Save image
色変換

色変換 for #885AE0 の色

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

色空間

RGB13690224
HSL260.6°68.37%61.57%
HSV260.6°59.82%87.84%
CMYK39.29%59.82%0%12.16%
XYZ27.260517.927872.5307
Yxy17.92780.23160.1523
Hunter Lab42.341240.8253-71.8854
CIE-Lab49.408447.8048-61.8964
CIE-LCH49.408478.2078307.6802
CIE-LUV49.40849.2488-99.0985

基数表記

BaseRedGreenBlue
Binary100010000101101011100000
Octal210132340
Decimal13690224
Hex885AE0

RGB比率

Red
53%
Green
35%
Blue
88%

CMYK比率

Cyan
39%
Magenta
60%
Yellow
0%
Black
12%
調和

配色

#885AE0 の色 黒背景

#885AE0 の色 サンプルテキスト

#885AE0 の色 白背景

#885AE0 の色 サンプルテキスト

#885AE0 CSSコード

.background { background-color: #885AE0; }
.text { color: #885AE0; }
.border { border: 3px solid #885AE0; }
.shadow { box-shadow: 0 8px 28px rgba(136, 90, 224, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.58:1AA
黒とのコントラスト4.59:1AA
Webセーフカラー#9966CCNear
輝度0.17930-1
言語

Color names in other languages

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

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

Nearby palette

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

#885AE0 の色PineappleAwesomeMaximum 紫
近い色

Similar colors

See 紫系
Medium 紫 Medium purple #9370DB 紫系 暗い pastel 紫 Dark pastel purple #966FD6 紫系 ラベンダー indigo Lavender indigo #9457EB 紫系 Navy 紫 Navy purple #9457EB 紫系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 明るい pastel 紫 Light pastel purple #B19CD9 紫系 Amethyst Amethyst #9966CC 紫系 Ube Ube #8878C3 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Majorelle 青 Majorelle Blue #6050DC 青系 青-バイオレット Blue-violet #8A2BE2 紫系 Han 紫 Han purple #5218FA 紫系