色変換

色変換 for #AA2C5E の色

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

色空間

RGB1704494
HSL336.19°58.88%41.96%
HSV336.19°74.12%66.67%
CMYK0%74.12%44.71%33.33%
XYZ19.500111.158111.7144
Yxy11.15810.46020.2633
Hunter Lab33.403745.74552.5983
CIE-Lab39.845554.18311.1628
CIE-LCH39.845554.19561.2294
CIE-LUV39.845579.5064-8.2936

基数表記

BaseRedGreenBlue
Binary101010100010110001011110
Octal25254136
Decimal1704494
HexAA2C5E

RGB比率

Red
67%
Green
17%
Blue
37%

CMYK比率

Cyan
0%
Magenta
74%
Yellow
45%
Black
33%
調和

配色

#AA2C5E の色 黒背景

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

#AA2C5E の色 白背景

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

#AA2C5E CSSコード

.background { background-color: #AA2C5E; }
.text { color: #AA2C5E; }
.border { border: 3px solid #AA2C5E; }
.shadow { box-shadow: 0 8px 28px rgba(170, 44, 94, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.5:1AA
黒とのコントラスト3.23:1大きな文字
Webセーフカラー#993366Near
輝度0.11160-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系