colorhexa.com

#552b22 hex color

In a RGB color space, hex #552b22 is composed of 33.3% red, 16.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 60% yellow and 66.7% black. It has a hue angle of 10.6 degrees, a saturation of 42.9% and a lightness of 23.3%. #552b22 color hex could be obtained by blending #aa5644 with #000000. Closest websafe color is: #663333.

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

● #552b22 color description : Very dark red.

The hexadecimal color #552b22 has RGB values of R:85, G:43, B:34 and CMYK values of C:0, M:0.49, Y:0.6, K:0.67. Its decimal value is 5581602.

Hex triplet	552b22	`#552b22`
RGB Decimal	85, 43, 34	`rgb(85,43,34)`
RGB Percent	33.3, 16.9, 13.3	`rgb(33.3%,16.9%,13.3%)`
CMYK	0, 49, 60, 67
HSL	10.6°, 42.9, 23.3	`hsl(10.6,42.9%,23.3%)`
HSV (or HSB)	10.6°, 60, 33.3
Web Safe	663333	`#663333`

CIE-LAB	22.913, 18.349, 14.463
XYZ	4.899, 3.775, 1.984
xyY	0.46, 0.354, 3.775
CIE-LCH	22.913, 23.364, 38.246
CIE-LUV	22.913, 27.577, 10.478
Hunter-Lab	19.429, 11.007, 7.546
Binary	01010101, 00101011, 00100010

#552b22
```
#552b22 rgb(85,43,34)
```
#224c55
```
#224c55 rgb(34,76,85)
```

Complementary Color

#552233
```
#552233 rgb(85,34,51)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#554522
```
#554522 rgb(85,69,34)
```

Analogous Color

#223355
```
#223355 rgb(34,51,85)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#225545
```
#225545 rgb(34,85,69)
```

Split Complementary Color

#1e0f0c
```
#1e0f0c rgb(30,15,12)
```
#311913
```
#311913 rgb(49,25,19)
```
#43221b
```
#43221b rgb(67,34,27)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#673429
```
#673429 rgb(103,52,41)
```
#793d31
```
#793d31 rgb(121,61,49)
```
#8c4738
```
#8c4738 rgb(140,71,56)
```

Monochromatic Color

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

#552226
```
#552226 rgb(85,34,38)
```
#552322
```
#552322 rgb(85,35,34)
```
#552722
```
#552722 rgb(85,39,34)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#552f22
```
#552f22 rgb(85,47,34)
```
#553422
```
#553422 rgb(85,52,34)
```
#553822
```
#553822 rgb(85,56,34)
```

Similar Colors

Text with hexadecimal color #552b22

This text has a font color of #552b22.

<span style="color:#552b22;">Text here</span>

#552b22 background color

This paragraph has a background color of #552b22.

<p style="background-color:#552b22;">Content here</p>

#552b22 border color

This element has a border color of #552b22.

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

CSS codes

.text {color:#552b22;}

.background {background-color:#552b22;}

.border {border:1px solid #552b22;}

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0806
```
#0f0806 rgb(15,8,6)
```
#1d0f0c
```
#1d0f0c rgb(29,15,12)
```
#2b1611
```
#2b1611 rgb(43,22,17)
```
#391d17
```
#391d17 rgb(57,29,23)
```
#47241c
```
#47241c rgb(71,36,28)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#633228
```
#633228 rgb(99,50,40)
```
#71392d
```
#71392d rgb(113,57,45)
```
#7f4033
```
#7f4033 rgb(127,64,51)
```
#8d4738
```
#8d4738 rgb(141,71,56)
```
#9b4e3e
```
#9b4e3e rgb(155,78,62)
```
#a95644
```
#a95644 rgb(169,86,68)
```

Shade Color Variation

#b75d4a
```
#b75d4a rgb(183,93,74)
```
#bc6a58
```
#bc6a58 rgb(188,106,88)
```
#c27666
```
#c27666 rgb(194,118,102)
```
#c78374
```
#c78374 rgb(199,131,116)
```
#cd8f82
```
#cd8f82 rgb(205,143,130)
```
#d39c90
```
#d39c90 rgb(211,156,144)
```
#d8a89e
```
#d8a89e rgb(216,168,158)
```
#deb5ac
```
#deb5ac rgb(222,181,172)
```
#e3c1ba
```
#e3c1ba rgb(227,193,186)
```
#e9cec8
```
#e9cec8 rgb(233,206,200)
```
#efdad6
```
#efdad6 rgb(239,218,214)
```
#f4e7e4
```
#f4e7e4 rgb(244,231,228)
```
#faf3f2
```
#faf3f2 rgb(250,243,242)
```

Tint Color Variation

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

#3e3a39
```
#3e3a39 rgb(62,58,57)
```
#433734
```
#433734 rgb(67,55,52)
```
#473430
```
#473430 rgb(71,52,48)
```
#4c312b
```
#4c312b rgb(76,49,43)
```
#502e27
```
#502e27 rgb(80,46,39)
```
#552b22
```
#552b22 rgb(85,43,34)
```
#5a281d
```
#5a281d rgb(90,40,29)
```
#5e2519
```
#5e2519 rgb(94,37,25)
```
#632214
```
#632214 rgb(99,34,20)
```
#671f10
```
#671f10 rgb(103,31,16)
```
#6c1c0b
```
#6c1c0b rgb(108,28,11)
```
#701907
```
#701907 rgb(112,25,7)
```
#751602
```
#751602 rgb(117,22,2)
```

Tone Color Variation

Below, you can see how #552b22 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

#373737 Achromatopsia 0.005% of the population
#3d3533 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454131 Protanopia 1% of men
#4d3e2b Deuteranopia 1% of men
#5e3437 Tritanopia 0.001% of the population

Trichromacy

#4b392c Protanomaly 1% of men, 0.01% of women
#503727 Deuteranomaly 6% of men, 0.4% of women
#5b312f Tritanomaly 0.01% of the population