colorhexa.com

#553c22 hex color

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

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

● #553c22 color description : Very dark orange [Brown tone].

The hexadecimal color #553c22 has RGB values of R:85, G:60, B:34 and CMYK values of C:0, M:0.29, Y:0.6, K:0.67. Its decimal value is 5585954.

Hex triplet	553c22	`#553c22`
RGB Decimal	85, 60, 34	`rgb(85,60,34)`
RGB Percent	33.3, 23.5, 13.3	`rgb(33.3%,23.5%,13.3%)`
CMYK	0, 29, 60, 67
HSL	30.6°, 42.9, 23.3	`hsl(30.6,42.9%,23.3%)`
HSV (or HSB)	30.6°, 60, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.515, 7.585, 20.268
XYZ	5.651, 5.279, 2.235
xyY	0.429, 0.401, 5.279
CIE-LCH	27.515, 21.641, 69.483
CIE-LUV	27.515, 17.562, 18.129
Hunter-Lab	22.976, 3.696, 10.317
Binary	01010101, 00111100, 00100010

#553c22
```
#553c22 rgb(85,60,34)
```
#223b55
```
#223b55 rgb(34,59,85)
```

Complementary Color

#552322
```
#552322 rgb(85,35,34)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#555522
```
#555522 rgb(85,85,34)
```

Analogous Color

#232255
```
#232255 rgb(35,34,85)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#225555
```
#225555 rgb(34,85,85)
```

Split Complementary Color

#1e150c
```
#1e150c rgb(30,21,12)
```
#312213
```
#312213 rgb(49,34,19)
```
#432f1b
```
#432f1b rgb(67,47,27)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#674929
```
#674929 rgb(103,73,41)
```
#795631
```
#795631 rgb(121,86,49)
```
#8c6338
```
#8c6338 rgb(140,99,56)
```

Monochromatic Color

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

#552f22
```
#552f22 rgb(85,47,34)
```
#553422
```
#553422 rgb(85,52,34)
```
#553822
```
#553822 rgb(85,56,34)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#554022
```
#554022 rgb(85,64,34)
```
#554522
```
#554522 rgb(85,69,34)
```
#554922
```
#554922 rgb(85,73,34)
```

Similar Colors

Text with hexadecimal color #553c22

This text has a font color of #553c22.

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

#553c22 background color

This paragraph has a background color of #553c22.

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

#553c22 border color

This element has a border color of #553c22.

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

CSS codes

.text {color:#553c22;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0b06
```
#0f0b06 rgb(15,11,6)
```
#1d140c
```
#1d140c rgb(29,20,12)
```
#2b1e11
```
#2b1e11 rgb(43,30,17)
```
#392817
```
#392817 rgb(57,40,23)
```
#47321c
```
#47321c rgb(71,50,28)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#634628
```
#634628 rgb(99,70,40)
```
#71502d
```
#71502d rgb(113,80,45)
```
#7f5a33
```
#7f5a33 rgb(127,90,51)
```
#8d6438
```
#8d6438 rgb(141,100,56)
```
#9b6d3e
```
#9b6d3e rgb(155,109,62)
```
#a97744
```
#a97744 rgb(169,119,68)
```

Shade Color Variation

#b7814a
```
#b7814a rgb(183,129,74)
```
#bc8b58
```
#bc8b58 rgb(188,139,88)
```
#c29566
```
#c29566 rgb(194,149,102)
```
#c79e74
```
#c79e74 rgb(199,158,116)
```
#cda882
```
#cda882 rgb(205,168,130)
```
#d3b290
```
#d3b290 rgb(211,178,144)
```
#d8bc9e
```
#d8bc9e rgb(216,188,158)
```
#dec5ac
```
#dec5ac rgb(222,197,172)
```
#e3cfba
```
#e3cfba rgb(227,207,186)
```
#e9d9c8
```
#e9d9c8 rgb(233,217,200)
```
#efe2d6
```
#efe2d6 rgb(239,226,214)
```
#f4ece4
```
#f4ece4 rgb(244,236,228)
```
#faf6f2
```
#faf6f2 rgb(250,246,242)
```

Tint Color Variation

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

#3e3c39
```
#3e3c39 rgb(62,60,57)
```
#433c34
```
#433c34 rgb(67,60,52)
```
#473c30
```
#473c30 rgb(71,60,48)
```
#4c3c2b
```
#4c3c2b rgb(76,60,43)
```
#503c27
```
#503c27 rgb(80,60,39)
```
#553c22
```
#553c22 rgb(85,60,34)
```
#5a3c1d
```
#5a3c1d rgb(90,60,29)
```
#5e3c19
```
#5e3c19 rgb(94,60,25)
```
#633c14
```
#633c14 rgb(99,60,20)
```
#673c10
```
#673c10 rgb(103,60,16)
```
#6c3c0b
```
#6c3c0b rgb(108,60,11)
```
#703d07
```
#703d07 rgb(112,61,7)
```
#753d02
```
#753d02 rgb(117,61,2)
```

Tone Color Variation

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

Dichromacy

#514a2f Protanopia 1% of men
#5a472d Deuteranopia 1% of men
#604247 Tritanopia 0.001% of the population

Trichromacy

#52452a Protanomaly 1% of men, 0.01% of women
#584329 Deuteranomaly 6% of men, 0.4% of women
#5c4039 Tritanomaly 0.01% of the population