#553223 hex color

In a RGB color space, hex #553223 is composed of 33.3% red, 19.6% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 58.8% yellow and 66.7% black. It has a hue angle of 18 degrees, a saturation of 41.7% and a lightness of 23.5%. #553223 color hex could be obtained by blending #aa6446 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 20
- B 14
RGB color chart
- C 0
- M 41
- Y 59
- K 67
CMYK color chart

● #553223 color description : Very dark desaturated orange.

The hexadecimal color #553223 has RGB values of R:85, G:50, B:35 and CMYK values of C:0, M:0.41, Y:0.59, K:0.67. Its decimal value is 5583395.

Hex triplet	553223	`#553223`
RGB Decimal	85, 50, 35	`rgb(85,50,35)`
RGB Percent	33.3, 19.6, 13.7	`rgb(33.3%,19.6%,13.7%)`
CMYK	0, 41, 59, 67
HSL	18°, 41.7, 23.5	`hsl(18,41.7%,23.5%)`
HSV (or HSB)	18°, 58.8, 33.3
Web Safe	663333	`#663333`

CIE-LAB	24.747, 14.062, 16.169
XYZ	5.19, 4.334, 2.153
xyY	0.444, 0.371, 4.334
CIE-LCH	24.747, 21.428, 48.985
CIE-LUV	24.747, 23.477, 13.024
Hunter-Lab	20.819, 8.07, 8.441
Binary	01010101, 00110010, 00100011

#553223
```
#553223 rgb(85,50,35)
```
#234655
```
#234655 rgb(35,70,85)
```

Complementary Color

#55232d
```
#55232d rgb(85,35,45)
```
#553223
```
#553223 rgb(85,50,35)
```
#554b23
```
#554b23 rgb(85,75,35)
```

Analogous Color

#232d55
```
#232d55 rgb(35,45,85)
```
#553223
```
#553223 rgb(85,50,35)
```
#23554b
```
#23554b rgb(35,85,75)
```

Split Complementary Color

#322355
```
#322355 rgb(50,35,85)
```
#553223
```
#553223 rgb(85,50,35)
```
#235532
```
#235532 rgb(35,85,50)
```

Triadic Color

#552346
```
#552346 rgb(85,35,70)
```
#553223
```
#553223 rgb(85,50,35)
```
#235532
```
#235532 rgb(35,85,50)
```
#234655
```
#234655 rgb(35,70,85)
```

Tetradic Color

#1f120d
```
#1f120d rgb(31,18,13)
```
#311d14
```
#311d14 rgb(49,29,20)
```
#43271c
```
#43271c rgb(67,39,28)
```
#553223
```
#553223 rgb(85,50,35)
```
#673d2a
```
#673d2a rgb(103,61,42)
```
#794732
```
#794732 rgb(121,71,50)
```
#8b5239
```
#8b5239 rgb(139,82,57)
```

Monochromatic Color

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

#552623
```
#552623 rgb(85,38,35)
```
#552a23
```
#552a23 rgb(85,42,35)
```
#552e23
```
#552e23 rgb(85,46,35)
```
#553223
```
#553223 rgb(85,50,35)
```
#553623
```
#553623 rgb(85,54,35)
```
#553a23
```
#553a23 rgb(85,58,35)
```
#553f23
```
#553f23 rgb(85,63,35)
```

Similar Colors

Text with hexadecimal color #553223

This text has a font color of #553223.

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

#553223 background color

This paragraph has a background color of #553223.

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

#553223 border color

This element has a border color of #553223.

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

CSS codes

.text {color:#553223;}

.background {background-color:#553223;}

.border {border:1px solid #553223;}

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

#020101
```
#020101 rgb(2,1,1)
```
#100906
```
#100906 rgb(16,9,6)
```
#1d110c
```
#1d110c rgb(29,17,12)
```
#2b1912
```
#2b1912 rgb(43,25,18)
```
#392218
```
#392218 rgb(57,34,24)
```
#472a1d
```
#472a1d rgb(71,42,29)
```
#553223
```
#553223 rgb(85,50,35)
```
#633a29
```
#633a29 rgb(99,58,41)
```
#71422e
```
#71422e rgb(113,66,46)
```
#7f4b34
```
#7f4b34 rgb(127,75,52)
```
#8d533a
```
#8d533a rgb(141,83,58)
```
#9a5b40
```
#9a5b40 rgb(154,91,64)
```
#a86345
```
#a86345 rgb(168,99,69)
```

Shade Color Variation

#b56c4c
```
#b56c4c rgb(181,108,76)
```
#bb775a
```
#bb775a rgb(187,119,90)
```
#c18268
```
#c18268 rgb(193,130,104)
```
#c68e76
```
#c68e76 rgb(198,142,118)
```
#cc9984
```
#cc9984 rgb(204,153,132)
```
#d2a591
```
#d2a591 rgb(210,165,145)
```
#d8b09f
```
#d8b09f rgb(216,176,159)
```
#ddbcad
```
#ddbcad rgb(221,188,173)
```
#e3c7bb
```
#e3c7bb rgb(227,199,187)
```
#e9d3c9
```
#e9d3c9 rgb(233,211,201)
```
#efded7
```
#efded7 rgb(239,222,215)
```
#f4e9e5
```
#f4e9e5 rgb(244,233,229)
```
#faf5f3
```
#faf5f3 rgb(250,245,243)
```

Tint Color Variation

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

#3e3b3a
```
#3e3b3a rgb(62,59,58)
```
#433935
```
#433935 rgb(67,57,53)
```
#473831
```
#473831 rgb(71,56,49)
```
#4c362c
```
#4c362c rgb(76,54,44)
```
#503428
```
#503428 rgb(80,52,40)
```
#553223
```
#553223 rgb(85,50,35)
```
#5a301e
```
#5a301e rgb(90,48,30)
```
#5e2e1a
```
#5e2e1a rgb(94,46,26)
```
#632c15
```
#632c15 rgb(99,44,21)
```
#672b11
```
#672b11 rgb(103,43,17)
```
#6c290c
```
#6c290c rgb(108,41,12)
```
#712707
```
#712707 rgb(113,39,7)
```
#752503
```
#752503 rgb(117,37,3)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#403936 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4431 Protanopia 1% of men
#52422c Deuteranopia 1% of men
#5f3a3e Tritanopia 0.001% of the population

Trichromacy

#4e3e2c Protanomaly 1% of men, 0.01% of women
#533c29 Deuteranomaly 6% of men, 0.4% of women
#5b3734 Tritanomaly 0.01% of the population

#553223 hex color

#553223 Color Information

#553223 Color Conversion

Color Schemes with #553223

Alternatives to #553223

#553223 Preview

Shades and Tints of #553223

Tones of #553223

Color Blindness Simulator