DexBase Colors
#554BFB の色 壁 #554BFB Save image
色変換

色変換 for #554BFB の色

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

色空間

RGB8575251
HSL243.41°95.65%63.92%
HSV243.41°70.12%98.43%
CMYK66.14%70.12%0%1.57%
XYZ23.669313.926492.6888
Yxy13.92640.18170.1069
Hunter Lab37.318147.9075-121.0812
CIE-Lab44.127255.4023-85.8804
CIE-LCH44.1272102.2001302.8265
CIE-LUV44.1272-7.1293-127.8561

基数表記

BaseRedGreenBlue
Binary010101010100101111111011
Octal125113373
Decimal8575251
Hex554BFB

RGB比率

Red
33%
Green
29%
Blue
98%

CMYK比率

Cyan
66%
Magenta
70%
Yellow
0%
Black
2%
調和

配色

#554BFB の色 黒背景

#554BFB の色 サンプルテキスト

#554BFB の色 白背景

#554BFB の色 サンプルテキスト

#554BFB CSSコード

.background { background-color: #554BFB; }
.text { color: #554BFB; }
.border { border: 3px solid #554BFB; }
.shadow { box-shadow: 0 8px 28px rgba(85, 75, 251, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.55:1AA
黒とのコントラスト3.79:1大きな文字
Webセーフカラー#6633FFNear
輝度0.13930-1
言語

Color names in other languages

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

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

Nearby palette

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

#554BFB の色深い バイオレットBooger busterバイオレット
近い色

Similar colors

See 青系
Very 明るい 青 Very light blue #6666FF 青系 Bluebonnet Bluebonnet #1C1CF0 青系 青 Blue #0000FF 青系 Medium slate 青 Medium slate blue #7B68EE 青系 Majorelle 青 Majorelle Blue #6050DC 青系 Medium 青 Medium blue #0000CD 青系 Iris Iris #5A4FCF 青系 ラベンダー 青 Lavender blue #CCCCFF 青系 Periwinkle Periwinkle #CCCCFF 青系 Han 紫 Han purple #5218FA 紫系 Ultramarine 青 Ultramarine blue #4166F5 青系 Ultramarine Ultramarine #3F00FF 青系