#553b2a hex color

In a RGB color space, hex #553b2a is composed of 33.3% red, 23.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 50.6% yellow and 66.7% black. It has a hue angle of 23.7 degrees, a saturation of 33.9% and a lightness of 24.9%. #553b2a color hex could be obtained by blending #aa7654 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 23
- B 16
RGB color chart
- C 0
- M 31
- Y 51
- K 67
CMYK color chart

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

The hexadecimal color #553b2a has RGB values of R:85, G:59, B:42 and CMYK values of C:0, M:0.31, Y:0.51, K:0.67. Its decimal value is 5585706.

Hex triplet	553b2a	`#553b2a`
RGB Decimal	85, 59, 42	`rgb(85,59,42)`
RGB Percent	33.3, 23.1, 16.5	`rgb(33.3%,23.1%,16.5%)`
CMYK	0, 31, 51, 67
HSL	23.7°, 33.9, 24.9	`hsl(23.7,33.9%,24.9%)`
HSV (or HSB)	23.7°, 50.6, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.371, 9.09, 15.067
XYZ	5.728, 5.227, 2.898
xyY	0.414, 0.377, 5.227
CIE-LCH	27.371, 17.596, 58.899
CIE-LUV	27.371, 17.439, 13.68
Hunter-Lab	22.862, 4.716, 8.489
Binary	01010101, 00111011, 00101010

#553b2a
```
#553b2a rgb(85,59,42)
```
#2a4455
```
#2a4455 rgb(42,68,85)
```

Complementary Color

#552a2f
```
#552a2f rgb(85,42,47)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#55512a
```
#55512a rgb(85,81,42)
```

Analogous Color

#2a2f55
```
#2a2f55 rgb(42,47,85)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#2a5551
```
#2a5551 rgb(42,85,81)
```

Split Complementary Color

#3b2a55
```
#3b2a55 rgb(59,42,85)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#2a553b
```
#2a553b rgb(42,85,59)
```

Triadic Color

#552a44
```
#552a44 rgb(85,42,68)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#2a553b
```
#2a553b rgb(42,85,59)
```
#2a4455
```
#2a4455 rgb(42,68,85)
```

Tetradic Color

#221711
```
#221711 rgb(34,23,17)
```
#332319
```
#332319 rgb(51,35,25)
```
#442f22
```
#442f22 rgb(68,47,34)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#664732
```
#664732 rgb(102,71,50)
```
#77533b
```
#77533b rgb(119,83,59)
```
#885f43
```
#885f43 rgb(136,95,67)
```

Monochromatic Color

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

#55302a
```
#55302a rgb(85,48,42)
```
#55342a
```
#55342a rgb(85,52,42)
```
#55372a
```
#55372a rgb(85,55,42)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#553f2a
```
#553f2a rgb(85,63,42)
```
#55422a
```
#55422a rgb(85,66,42)
```
#55462a
```
#55462a rgb(85,70,42)
```

Similar Colors

Text with hexadecimal color #553b2a

This text has a font color of #553b2a.

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

#553b2a background color

This paragraph has a background color of #553b2a.

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

#553b2a border color

This element has a border color of #553b2a.

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

CSS codes

.text {color:#553b2a;}

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

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

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, #060403 is the darkest color, while #fcf9f8 is the lightest one.

#060403
```
#060403 rgb(6,4,3)
```
#130d0a
```
#130d0a rgb(19,13,10)
```
#201710
```
#201710 rgb(32,23,16)
```
#2e2017
```
#2e2017 rgb(46,32,23)
```
#3b291d
```
#3b291d rgb(59,41,29)
```
#483224
```
#483224 rgb(72,50,36)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#624430
```
#624430 rgb(98,68,48)
```
#6f4d37
```
#6f4d37 rgb(111,77,55)
```
#7c563d
```
#7c563d rgb(124,86,61)
```
#8a5f44
```
#8a5f44 rgb(138,95,68)
```
#97694a
```
#97694a rgb(151,105,74)
```
#a47251
```
#a47251 rgb(164,114,81)
```

Shade Color Variation

#ae7b5b
```
#ae7b5b rgb(174,123,91)
```
#b48668
```
#b48668 rgb(180,134,104)
```
#bb9075
```
#bb9075 rgb(187,144,117)
```
#c19b82
```
#c19b82 rgb(193,155,130)
```
#c8a58f
```
#c8a58f rgb(200,165,143)
```
#ceb09c
```
#ceb09c rgb(206,176,156)
```
#d5baa9
```
#d5baa9 rgb(213,186,169)
```
#dbc5b6
```
#dbc5b6 rgb(219,197,182)
```
#e2cfc4
```
#e2cfc4 rgb(226,207,196)
```
#e8dad1
```
#e8dad1 rgb(232,218,209)
```
#efe4de
```
#efe4de rgb(239,228,222)
```
#f5efeb
```
#f5efeb rgb(245,239,235)
```
#fcf9f8
```
#fcf9f8 rgb(252,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #413f3e is the less saturated color, while #7c3303 is the most saturated one.

#413f3e
```
#413f3e rgb(65,63,62)
```
#463e39
```
#463e39 rgb(70,62,57)
```
#4b3d34
```
#4b3d34 rgb(75,61,52)
```
#503c2f
```
#503c2f rgb(80,60,47)
```
#553b2a
```
#553b2a rgb(85,59,42)
```
#5a3a25
```
#5a3a25 rgb(90,58,37)
```
#5f3920
```
#5f3920 rgb(95,57,32)
```
#64381b
```
#64381b rgb(100,56,27)
```
#693716
```
#693716 rgb(105,55,22)
```
#6d3612
```
#6d3612 rgb(109,54,18)
```
#72350d
```
#72350d rgb(114,53,13)
```
#773408
```
#773408 rgb(119,52,8)
```
#7c3303
```
#7c3303 rgb(124,51,3)
```

Tone Color Variation

Below, you can see how #553b2a 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
#45403c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f4a37 Protanopia 1% of men
#584734 Deuteranopia 1% of men
#5f4247 Tritanopia 0.001% of the population

Trichromacy

#514432 Protanomaly 1% of men, 0.01% of women
#574230 Deuteranomaly 6% of men, 0.4% of women
#5b3f3c Tritanomaly 0.01% of the population

#553b2a hex color

#553b2a Color Information

#553b2a Color Conversion

Color Schemes with #553b2a

Alternatives to #553b2a

#553b2a Preview

Shades and Tints of #553b2a

Tones of #553b2a

Color Blindness Simulator