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

色変換 for #AA59F2 の色

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

色空間

RGB17089242
HSL271.76°85.47%64.9%
HSV271.76°63.22%94.9%
CMYK29.75%63.22%0%5.1%
XYZ36.173422.101886.3476
Yxy22.10180.25010.1528
Hunter Lab47.012655.0722-75.9461
CIE-Lab54.134860.038-64.2007
CIE-LCH54.134887.8993313.081
CIE-LUV54.134823.2422-106.2355

基数表記

BaseRedGreenBlue
Binary101010100101100111110010
Octal252131362
Decimal17089242
HexAA59F2

RGB比率

Red
67%
Green
35%
Blue
95%

CMYK比率

Cyan
30%
Magenta
63%
Yellow
0%
Black
5%
調和

配色

#AA59F2 の色 黒背景

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

#AA59F2 の色 白背景

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

#AA59F2 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#AA59F2 の色ラベンダー マゼンタLaurel 緑深い マゼンタ
近い色

Similar colors

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