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

色変換 for #554C7D の色

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

色空間

RGB8576125
HSL251.02°24.38%39.41%
HSV251.02°39.2%49.02%
CMYK32%39.2%0%50.98%
XYZ10.03158.580720.5258
Yxy8.58070.25630.2192
Hunter Lab29.29289.8654-21.0239
CIE-Lab35.164115.7552-26.4631
CIE-LCH35.164130.7981300.7681
CIE-LUV35.16411.1292-37.86

基数表記

BaseRedGreenBlue
Binary010101010100110001111101
Octal125114175
Decimal8576125
Hex554C7D

RGB比率

Red
33%
Green
30%
Blue
49%

CMYK比率

Cyan
32%
Magenta
39%
Yellow
0%
Black
51%
調和

配色

#554C7D の色 黒背景

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

#554C7D の色 白背景

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

#554C7D CSSコード

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

アクセシビリティ

白とのコントラスト7.73:1AAA
黒とのコントラスト2.72:1低い
Webセーフカラー#663366Near
輝度0.08580-1
言語

Color names in other languages

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

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

Nearby palette

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

#554C7D の色Languid ラベンダーLimerickTropical バイオレット
近い色

Similar colors

See 青系
暗い slate 青 Dark slate blue #483D8B 青系 Plump 紫 Plump Purple #5946B2 青系 Ocean 青 Ocean Blue #4F42B5 青系 Cyber grape Cyber grape #58427C 紫系 紫 navy Purple navy #4E5180 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Ube Ube #8878C3 青系 暗い 青-グレー Dark blue-gray #666699 青系 深い koamaru Deep koamaru #333366 青系 Toolbox Toolbox #746CC0 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 Rhythm Rhythm #777696 青系