DexBase Colors
#54557F の色 壁 #54557F Save image
色変換

色変換 for #54557F の色

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

色空間

RGB8485127
HSL238.6°20.38%41.37%
HSV238.6°33.86%49.8%
CMYK33.86%33.07%0%50.2%
XYZ10.73449.913821.4225
Yxy9.91380.25520.2356
Hunter Lab31.48625.7536-18.2835
CIE-Lab37.687310.2744-23.759
CIE-LCH37.687325.8854293.3857
CIE-LUV37.6873-2.8929-34.0483

基数表記

BaseRedGreenBlue
Binary010101000101010101111111
Octal124125177
Decimal8485127
Hex54557F

RGB比率

Red
33%
Green
33%
Blue
50%

CMYK比率

Cyan
34%
Magenta
33%
Yellow
0%
Black
50%
調和

配色

#54557F の色 黒背景

#54557F の色 サンプルテキスト

#54557F の色 白背景

#54557F の色 サンプルテキスト

#54557F CSSコード

.background { background-color: #54557F; }
.text { color: #54557F; }
.border { border: 3px solid #54557F; }
.shadow { box-shadow: 0 8px 28px rgba(84, 85, 127, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.04:1AAA
黒とのコントラスト2.98:1低い
Webセーフカラー#666666Near
輝度0.09910-1
言語

Color names in other languages

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

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

Nearby palette

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

#54557F の色ラベンダー 紫PeridotCyber grape
近い色

Similar colors

See 青系
紫 navy Purple navy #4E5180 青系 暗い 青-グレー Dark blue-gray #666699 青系 青 (pigment) Blue (pigment) #333399 青系 深い koamaru Deep koamaru #333366 青系 Liberty Liberty #545AA7 青系 Rhythm Rhythm #777696 青系 Independence Independence #4C516D 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 暗い slate 青 Dark slate blue #483D8B 青系 St. patrick's 青 St. Patrick's blue #23297A 青系 Ocean 青 Ocean Blue #4F42B5 青系