DexBase Colors
#54563A の色 壁 #54563A Save image
色変換

色変換 for #54563A の色

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

色空間

RGB848658
HSL64.29°19.44%28.24%
HSV64.29°32.56%33.73%
CMYK2.33%0%32.56%66.27%
XYZ7.74778.8465.3015
Yxy8.8460.35390.404
Hunter Lab29.7422-5.550910.2554
CIE-Lab35.6861-5.990416.0826
CIE-LCH35.686117.162110.4292
CIE-LUV35.68610.178318.971

基数表記

BaseRedGreenBlue
Binary010101000101011000111010
Octal12412672
Decimal848658
Hex54563A

RGB比率

Red
33%
Green
34%
Blue
23%

CMYK比率

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

配色

#54563A の色 黒背景

#54563A の色 サンプルテキスト

#54563A の色 白背景

#54563A の色 サンプルテキスト

#54563A CSSコード

.background { background-color: #54563A; }
.text { color: #54563A; }
.border { border: 3px solid #54563A; }
.shadow { box-shadow: 0 8px 28px rgba(84, 86, 58, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.58:1AAA
黒とのコントラスト2.77:1低い
Webセーフカラー#666633Near
輝度0.08850-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #54563A の色.

#54563A の色AsparagusUltramarineEbony
近い色

Similar colors

See 黄色系
Coyote 茶色 Coyote brown #81613C 黄色系 黒 オリーブ Black olive #3B3C36 グレー系 Army 緑 Army green #4B5320 黄色系 Citron Citron #9FA91F 黄色系 Battleship グレー Battleship grey #848482 グレー系 Old 銀 Old silver #848482 グレー系 Old moss 緑 Old moss green #867E36 黄色系 Antique bronze Antique bronze #665D1E 黄色系 Spanish bistre Spanish bistre #807532 黄色系 Moss 緑 Moss green #8A9A5B 緑系 Turtle 緑 Turtle green #8A9A5B 緑系 Acid 緑 Acid green #B0BF1A 黄色系