DexBase Colors
#552EB5 の色 壁 #552EB5 Save image
色変換

色変換 for #552EB5 の色

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

色空間

RGB8546181
HSL257.33°59.47%44.51%
HSV257.33°74.59%70.98%
CMYK53.04%74.59%0%29.02%
XYZ13.06147.220944.4126
Yxy7.22090.20190.1116
Hunter Lab26.871739.7363-79.1437
CIE-Lab32.304649.8108-65.0404
CIE-LCH32.304681.9229307.4465
CIE-LUV32.30463.0894-89.4906

基数表記

BaseRedGreenBlue
Binary010101010010111010110101
Octal12556265
Decimal8546181
Hex552EB5

RGB比率

Red
33%
Green
18%
Blue
71%

CMYK比率

Cyan
53%
Magenta
75%
Yellow
0%
Black
29%
調和

配色

#552EB5 の色 黒背景

#552EB5 の色 サンプルテキスト

#552EB5 の色 白背景

#552EB5 の色 サンプルテキスト

#552EB5 CSSコード

.background { background-color: #552EB5; }
.text { color: #552EB5; }
.border { border: 3px solid #552EB5; }
.shadow { box-shadow: 0 8px 28px rgba(85, 46, 181, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト8.59:1AAA
黒とのコントラスト2.44:1低い
Webセーフカラー#6633CCNear
輝度0.07220-1
言語

Color names in other languages

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

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

Nearby palette

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

#552EB5 の色Rich lilacMoss 緑Eminence
近い色

Similar colors

See 紫系
青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Plump 紫 Plump Purple #5946B2 青系 Medium 紫 Medium purple #9370DB 紫系 Persian indigo Persian indigo #32127A 紫系 Interdimensional 青 Interdimensional Blue #360CCC 青系 Spanish バイオレット Spanish violet #4C2882 紫系 Pixie powder Pixie Powder #391285 紫系 Ocean 青 Ocean Blue #4F42B5 青系 Electric ultramarine Electric ultramarine #3F00FF 紫系 暗い pastel 紫 Dark pastel purple #966FD6 紫系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 Han 紫 Han purple #5218FA 紫系