#553a2f hex color

In a RGB color space, hex #553a2f is composed of 33.3% red, 22.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 44.7% yellow and 66.7% black. It has a hue angle of 17.4 degrees, a saturation of 28.8% and a lightness of 25.9%. #553a2f color hex could be obtained by blending #aa745e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 23
- B 18
RGB color chart
- C 0
- M 32
- Y 45
- K 67
CMYK color chart

● #553a2f color description : Very dark desaturated orange.

The hexadecimal color #553a2f has RGB values of R:85, G:58, B:47 and CMYK values of C:0, M:0.32, Y:0.45, K:0.67. Its decimal value is 5585455.

Hex triplet	553a2f	`#553a2f`
RGB Decimal	85, 58, 47	`rgb(85,58,47)`
RGB Percent	33.3, 22.7, 18.4	`rgb(33.3%,22.7%,18.4%)`
CMYK	0, 32, 45, 67
HSL	17.4°, 28.8, 25.9	`hsl(17.4,28.8%,25.9%)`
HSV (or HSB)	17.4°, 44.7, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.194, 10.356, 11.606
XYZ	5.772, 5.163, 3.382
xyY	0.403, 0.361, 5.163
CIE-LCH	27.194, 15.555, 48.256
CIE-LUV	27.194, 17.491, 10.382
Hunter-Lab	22.722, 5.584, 7.081
Binary	01010101, 00111010, 00101111

#553a2f
```
#553a2f rgb(85,58,47)
```
#2f4a55
```
#2f4a55 rgb(47,74,85)
```

Complementary Color

#552f37
```
#552f37 rgb(85,47,55)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#554d2f
```
#554d2f rgb(85,77,47)
```

Analogous Color

#2f3755
```
#2f3755 rgb(47,55,85)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#2f554d
```
#2f554d rgb(47,85,77)
```

Split Complementary Color

#3a2f55
```
#3a2f55 rgb(58,47,85)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```

Triadic Color

#552f4a
```
#552f4a rgb(85,47,74)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#2f4a55
```
#2f4a55 rgb(47,74,85)
```

Tetradic Color

#241814
```
#241814 rgb(36,24,20)
```
#34241d
```
#34241d rgb(52,36,29)
```
#452f26
```
#452f26 rgb(69,47,38)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#654538
```
#654538 rgb(101,69,56)
```
#765041
```
#765041 rgb(118,80,65)
```
#865c4a
```
#865c4a rgb(134,92,74)
```

Monochromatic Color

Below, you can see some colors close to #553a2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#55312f
```
#55312f rgb(85,49,47)
```
#55342f
```
#55342f rgb(85,52,47)
```
#55372f
```
#55372f rgb(85,55,47)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#553d2f
```
#553d2f rgb(85,61,47)
```
#55402f
```
#55402f rgb(85,64,47)
```
#55442f
```
#55442f rgb(85,68,47)
```

Similar Colors

Text with hexadecimal color #553a2f

This text has a font color of #553a2f.

<span style="color:#553a2f;">Text here</span>

#553a2f background color

This paragraph has a background color of #553a2f.

<p style="background-color:#553a2f;">Content here</p>

#553a2f border color

This element has a border color of #553a2f.

<div style="border:1px solid #553a2f;">Content here</div>

CSS codes

.text {color:#553a2f;}

.background {background-color:#553a2f;}

.border {border:1px solid #553a2f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090605 is the darkest color, while #fdfcfc is the lightest one.

#090605
```
#090605 rgb(9,6,5)
```
#160f0c
```
#160f0c rgb(22,15,12)
```
#221813
```
#221813 rgb(34,24,19)
```
#2f201a
```
#2f201a rgb(47,32,26)
```
#3c2921
```
#3c2921 rgb(60,41,33)
```
#483128
```
#483128 rgb(72,49,40)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#624336
```
#624336 rgb(98,67,54)
```
#6e4b3d
```
#6e4b3d rgb(110,75,61)
```
#7b5444
```
#7b5444 rgb(123,84,68)
```
#885c4b
```
#885c4b rgb(136,92,75)
```
#946552
```
#946552 rgb(148,101,82)
```
#a16e59
```
#a16e59 rgb(161,110,89)
```

Shade Color Variation

#a97864
```
#a97864 rgb(169,120,100)
```
#b08371
```
#b08371 rgb(176,131,113)
```
#b78e7d
```
#b78e7d rgb(183,142,125)
```
#be998a
```
#be998a rgb(190,153,138)
```
#c5a497
```
#c5a497 rgb(197,164,151)
```
#ccafa3
```
#ccafa3 rgb(204,175,163)
```
#d3bab0
```
#d3bab0 rgb(211,186,176)
```
#dac5bc
```
#dac5bc rgb(218,197,188)
```
#e1d0c9
```
#e1d0c9 rgb(225,208,201)
```
#e8dbd6
```
#e8dbd6 rgb(232,219,214)
```
#efe6e2
```
#efe6e2 rgb(239,230,226)
```
#f6f1ef
```
#f6f1ef rgb(246,241,239)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46403e is the less saturated color, while #832701 is the most saturated one.

#46403e
```
#46403e rgb(70,64,62)
```
#4b3e39
```
#4b3e39 rgb(75,62,57)
```
#503c34
```
#503c34 rgb(80,60,52)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#5a382a
```
#5a382a rgb(90,56,42)
```
#5f3625
```
#5f3625 rgb(95,54,37)
```
#643420
```
#643420 rgb(100,52,32)
```
#69311b
```
#69311b rgb(105,49,27)
```
#6e2f16
```
#6e2f16 rgb(110,47,22)
```
#732d11
```
#732d11 rgb(115,45,17)
```
#792b0b
```
#792b0b rgb(121,43,11)
```
#7e2906
```
#7e2906 rgb(126,41,6)
```
#832701
```
#832701 rgb(131,39,1)
```

Tone Color Variation

Below, you can see how #553a2f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#414141 Achromatopsia 0.005% of the population
#45403d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4a3c Protanopia 1% of men
#564738 Deuteranopia 1% of men
#5f4246 Tritanopia 0.001% of the population

Trichromacy

#504437 Protanomaly 1% of men, 0.01% of women
#564235 Deuteranomaly 6% of men, 0.4% of women
#5b3f3e Tritanomaly 0.01% of the population

#553a2f hex color

#553a2f Color Information

#553a2f Color Conversion

Color Schemes with #553a2f

Alternatives to #553a2f

#553a2f Preview

Shades and Tints of #553a2f

Tones of #553a2f

Color Blindness Simulator