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

色変換 for #554DFD の色

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

色空間

RGB8577253
HSL242.73°97.78%64.71%
HSV242.73°69.57%99.22%
CMYK66.4%69.57%0%0.78%
XYZ24.12414.328894.4039
Yxy14.32880.18160.1079
Hunter Lab37.853447.5138-121.3101
CIE-Lab44.700854.9313-86.0533
CIE-LCH44.7008102.0912302.5517
CIE-LUV44.7008-7.5988-128.6664

基数表記

BaseRedGreenBlue
Binary010101010100110111111101
Octal125115375
Decimal8577253
Hex554DFD

RGB比率

Red
33%
Green
30%
Blue
99%

CMYK比率

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

配色

#554DFD の色 黒背景

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

#554DFD の色 白背景

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

#554DFD CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

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

Similar colors

See 青系
Very 明るい 青 Very light blue #6666FF 青系 青 Blue #0000FF 青系 Bluebonnet Bluebonnet #1C1CF0 青系 Medium slate 青 Medium slate blue #7B68EE 青系 Majorelle 青 Majorelle Blue #6050DC 青系 ラベンダー 青 Lavender blue #CCCCFF 青系 Medium 青 Medium blue #0000CD 青系 Periwinkle Periwinkle #CCCCFF 青系 Iris Iris #5A4FCF 青系 Han 紫 Han purple #5218FA 紫系 Duke 青 Duke blue #00009C 青系 Ghost 白 Ghost white #F8F8FF 青系