#552218 hex color

In a RGB color space, hex #552218 is composed of 33.3% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 71.8% yellow and 66.7% black. It has a hue angle of 9.8 degrees, a saturation of 56% and a lightness of 21.4%. #552218 color hex could be obtained by blending #aa4430 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 13
- B 9
RGB color chart
- C 0
- M 60
- Y 72
- K 67
CMYK color chart

● #552218 color description : Very dark red.

The hexadecimal color #552218 has RGB values of R:85, G:34, B:24 and CMYK values of C:0, M:0.6, Y:0.72, K:0.67. Its decimal value is 5579288.

Hex triplet	552218	`#552218`
RGB Decimal	85, 34, 24	`rgb(85,34,24)`
RGB Percent	33.3, 13.3, 9.4	`rgb(33.3%,13.3%,9.4%)`
CMYK	0, 60, 72, 67
HSL	9.8°, 56, 21.4	`hsl(9.8,56%,21.4%)`
HSV (or HSB)	9.8°, 71.8, 33.3
Web Safe	663300	`#663300`

CIE-LAB	20.603, 22.888, 18.179
XYZ	4.483, 3.142, 1.234
xyY	0.506, 0.355, 3.142
CIE-LCH	20.603, 29.229, 38.458
CIE-LUV	20.603, 33.849, 11.479
Hunter-Lab	17.725, 14.131, 8.278
Binary	01010101, 00100010, 00011000

#552218
```
#552218 rgb(85,34,24)
```
#184b55
```
#184b55 rgb(24,75,85)
```

Complementary Color

#55182d
```
#55182d rgb(85,24,45)
```
#552218
```
#552218 rgb(85,34,24)
```
#554118
```
#554118 rgb(85,65,24)
```

Analogous Color

#182d55
```
#182d55 rgb(24,45,85)
```
#552218
```
#552218 rgb(85,34,24)
```
#185541
```
#185541 rgb(24,85,65)
```

Split Complementary Color

#221855
```
#221855 rgb(34,24,85)
```
#552218
```
#552218 rgb(85,34,24)
```
#185522
```
#185522 rgb(24,85,34)
```

Triadic Color

#55184b
```
#55184b rgb(85,24,75)
```
#552218
```
#552218 rgb(85,34,24)
```
#185522
```
#185522 rgb(24,85,34)
```
#184b55
```
#184b55 rgb(24,75,85)
```

Tetradic Color

#190a07
```
#190a07 rgb(25,10,7)
```
#2d120d
```
#2d120d rgb(45,18,13)
```
#411a12
```
#411a12 rgb(65,26,18)
```
#552218
```
#552218 rgb(85,34,24)
```
#692a1e
```
#692a1e rgb(105,42,30)
```
#7d3223
```
#7d3223 rgb(125,50,35)
```
#913a29
```
#913a29 rgb(145,58,41)
```

Monochromatic Color

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

#55181d
```
#55181d rgb(85,24,29)
```
#551818
```
#551818 rgb(85,24,24)
```
#551d18
```
#551d18 rgb(85,29,24)
```
#552218
```
#552218 rgb(85,34,24)
```
#552718
```
#552718 rgb(85,39,24)
```
#552c18
```
#552c18 rgb(85,44,24)
```
#553118
```
#553118 rgb(85,49,24)
```

Similar Colors

Text with hexadecimal color #552218

This text has a font color of #552218.

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

#552218 background color

This paragraph has a background color of #552218.

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

#552218 border color

This element has a border color of #552218.

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

CSS codes

.text {color:#552218;}

.background {background-color:#552218;}

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

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

#090302
```
#090302 rgb(9,3,2)
```
#180a07
```
#180a07 rgb(24,10,7)
```
#27100b
```
#27100b rgb(39,16,11)
```
#36160f
```
#36160f rgb(54,22,15)
```
#461c14
```
#461c14 rgb(70,28,20)
```
#552218
```
#552218 rgb(85,34,24)
```
#64281c
```
#64281c rgb(100,40,28)
```
#742e21
```
#742e21 rgb(116,46,33)
```
#833425
```
#833425 rgb(131,52,37)
```
#923a29
```
#923a29 rgb(146,58,41)
```
#a1412e
```
#a1412e rgb(161,65,46)
```
#b14732
```
#b14732 rgb(177,71,50)
```
#c04d36
```
#c04d36 rgb(192,77,54)
```

Shade Color Variation

#c95741
```
#c95741 rgb(201,87,65)
```
#ce6550
```
#ce6550 rgb(206,101,80)
```
#d2725f
```
#d2725f rgb(210,114,95)
```
#d6806f
```
#d6806f rgb(214,128,111)
```
#db8d7e
```
#db8d7e rgb(219,141,126)
```
#df9b8d
```
#df9b8d rgb(223,155,141)
```
#e3a89c
```
#e3a89c rgb(227,168,156)
```
#e7b6ac
```
#e7b6ac rgb(231,182,172)
```
#ecc3bb
```
#ecc3bb rgb(236,195,187)
```
#f0d1ca
```
#f0d1ca rgb(240,209,202)
```
#f4deda
```
#f4deda rgb(244,222,218)
```
#f9ece9
```
#f9ece9 rgb(249,236,233)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#383635
```
#383635 rgb(56,54,53)
```
#3c3331
```
#3c3331 rgb(60,51,49)
```
#40302d
```
#40302d rgb(64,48,45)
```
#442d29
```
#442d29 rgb(68,45,41)
```
#482a25
```
#482a25 rgb(72,42,37)
```
#4d2820
```
#4d2820 rgb(77,40,32)
```
#51251c
```
#51251c rgb(81,37,28)
```
#552218
```
#552218 rgb(85,34,24)
```
#591f14
```
#591f14 rgb(89,31,20)
```
#5d1c10
```
#5d1c10 rgb(93,28,16)
```
#621a0b
```
#621a0b rgb(98,26,11)
```
#661707
```
#661707 rgb(102,23,7)
```
#6a1403
```
#6a1403 rgb(106,20,3)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#372d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#413c29 Protanopia 1% of men
#493920 Deuteranopia 1% of men
#5e2c2e Tritanopia 0.001% of the population

Trichromacy

#483222 Protanomaly 1% of men, 0.01% of women
#4d311d Deuteranomaly 6% of men, 0.4% of women
#5b2826 Tritanomaly 0.01% of the population

#552218 hex color

#552218 Color Information

#552218 Color Conversion

Color Schemes with #552218

Alternatives to #552218

#552218 Preview

Shades and Tints of #552218

Tones of #552218

Color Blindness Simulator