色変換

色変換 for #553A3C の色

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

色空間

RGB855860
HSL355.56°18.88%28.04%
HSV355.56°31.76%33.33%
CMYK0%31.76%29.41%66.67%
XYZ6.07515.2844.974
Yxy5.2840.3720.3235
Hunter Lab22.9876.94733.2665
CIE-Lab27.52912.28823.5546
CIE-LCH27.52912.79216.1335
CIE-LUV27.52915.94022.1488

基数表記

BaseRedGreenBlue
Binary010101010011101000111100
Octal1257274
Decimal855860
Hex553A3C

RGB比率

Red
33%
Green
23%
Blue
24%

CMYK比率

Cyan
0%
Magenta
32%
Yellow
29%
Black
67%
調和

配色

#553A3C の色 黒背景

#553A3C の色 サンプルテキスト

#553A3C の色 白背景

#553A3C の色 サンプルテキスト

#553A3C CSSコード

.background { background-color: #553A3C; }
.text { color: #553A3C; }
.border { border: 3px solid #553A3C; }
.shadow { box-shadow: 0 8px 28px rgba(85, 58, 60, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト10.21:1AAA
黒とのコントラスト2.06:1低い
Webセーフカラー#663333Near
輝度0.05280-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #553A3C の色.

近い色

Similar colors

See 赤系