colorhexa.com

#553d2b hex color

In a RGB color space, hex #553d2b is composed of 33.3% red, 23.9% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.2% magenta, 49.4% yellow and 66.7% black. It has a hue angle of 25.7 degrees, a saturation of 32.8% and a lightness of 25.1%. #553d2b color hex could be obtained by blending #aa7a56 with #000000. Closest websafe color is: #663333.

- R 33
- G 24
- B 17
RGB color chart
- C 0
- M 28
- Y 49
- K 67
CMYK color chart

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

The hexadecimal color #553d2b has RGB values of R:85, G:61, B:43 and CMYK values of C:0, M:0.28, Y:0.49, K:0.67. Its decimal value is 5586219.

Hex triplet	553d2b	`#553d2b`
RGB Decimal	85, 61, 43	`rgb(85,61,43)`
RGB Percent	33.3, 23.9, 16.9	`rgb(33.3%,23.9%,16.9%)`
CMYK	0, 28, 49, 67
HSL	25.7°, 32.8, 25.1	`hsl(25.7,32.8%,25.1%)`
HSV (or HSB)	25.7°, 49.4, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.963, 7.932, 15.205
XYZ	5.851, 5.443, 3.028
xyY	0.409, 0.38, 5.443
CIE-LCH	27.963, 17.149, 62.45
CIE-LUV	27.963, 16.168, 14.137
Hunter-Lab	23.331, 3.935, 8.637
Binary	01010101, 00111101, 00101011

#553d2b
```
#553d2b rgb(85,61,43)
```
#2b4355
```
#2b4355 rgb(43,67,85)
```

Complementary Color

#552b2e
```
#552b2e rgb(85,43,46)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#55522b
```
#55522b rgb(85,82,43)
```

Analogous Color

#2b2e55
```
#2b2e55 rgb(43,46,85)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#2b5552
```
#2b5552 rgb(43,85,82)
```

Split Complementary Color

#221911
```
#221911 rgb(34,25,17)
```
#33251a
```
#33251a rgb(51,37,26)
```
#443122
```
#443122 rgb(68,49,34)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#664934
```
#664934 rgb(102,73,52)
```
#77553c
```
#77553c rgb(119,85,60)
```
#886145
```
#886145 rgb(136,97,69)
```

Monochromatic Color

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

#55332b
```
#55332b rgb(85,51,43)
```
#55362b
```
#55362b rgb(85,54,43)
```
#553a2b
```
#553a2b rgb(85,58,43)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#55412b
```
#55412b rgb(85,65,43)
```
#55442b
```
#55442b rgb(85,68,43)
```
#55482b
```
#55482b rgb(85,72,43)
```

Similar Colors

Text with hexadecimal color #553d2b

This text has a font color of #553d2b.

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

#553d2b background color

This paragraph has a background color of #553d2b.

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

#553d2b border color

This element has a border color of #553d2b.

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

CSS codes

.text {color:#553d2b;}

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

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

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

#070503
```
#070503 rgb(7,5,3)
```
#140e0a
```
#140e0a rgb(20,14,10)
```
#211811
```
#211811 rgb(33,24,17)
```
#2e2117
```
#2e2117 rgb(46,33,23)
```
#3b2a1e
```
#3b2a1e rgb(59,42,30)
```
#483424
```
#483424 rgb(72,52,36)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#624632
```
#624632 rgb(98,70,50)
```
#6f5038
```
#6f5038 rgb(111,80,56)
```
#7c593f
```
#7c593f rgb(124,89,63)
```
#896245
```
#896245 rgb(137,98,69)
```
#966c4c
```
#966c4c rgb(150,108,76)
```
#a37553
```
#a37553 rgb(163,117,83)
```

Shade Color Variation

#ad7f5d
```
#ad7f5d rgb(173,127,93)
```
#b3896a
```
#b3896a rgb(179,137,106)
```
#ba9377
```
#ba9377 rgb(186,147,119)
```
#c19e84
```
#c19e84 rgb(193,158,132)
```
#c7a891
```
#c7a891 rgb(199,168,145)
```
#ceb29e
```
#ceb29e rgb(206,178,158)
```
#d4bdab
```
#d4bdab rgb(212,189,171)
```
#dbc7b8
```
#dbc7b8 rgb(219,199,184)
```
#e2d1c5
```
#e2d1c5 rgb(226,209,197)
```
#e8dbd2
```
#e8dbd2 rgb(232,219,210)
```
#efe6df
```
#efe6df rgb(239,230,223)
```
#f5f0ec
```
#f5f0ec rgb(245,240,236)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#41403f
```
#41403f rgb(65,64,63)
```
#463f3a
```
#463f3a rgb(70,63,58)
```
#4b3e35
```
#4b3e35 rgb(75,62,53)
```
#503e30
```
#503e30 rgb(80,62,48)
```
#553d2b
```
#553d2b rgb(85,61,43)
```
#5a3c26
```
#5a3c26 rgb(90,60,38)
```
#5f3c21
```
#5f3c21 rgb(95,60,33)
```
#643b1c
```
#643b1c rgb(100,59,28)
```
#693a17
```
#693a17 rgb(105,58,23)
```
#6e3912
```
#6e3912 rgb(110,57,18)
```
#73390d
```
#73390d rgb(115,57,13)
```
#773809
```
#773809 rgb(119,56,9)
```
#7c3704
```
#7c3704 rgb(124,55,4)
```

Tone Color Variation

Below, you can see how #553d2b 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

#424242 Achromatopsia 0.005% of the population
#46413d Atypical Achromatopsia 0.001% of the population

Dichromacy

#514b37 Protanopia 1% of men
#594835 Deuteranopia 1% of men
#5f4449 Tritanopia 0.001% of the population

Trichromacy

#524633 Protanomaly 1% of men, 0.01% of women
#584431 Deuteranomaly 6% of men, 0.4% of women
#5b413e Tritanomaly 0.01% of the population