#552224 hex color
In a RGB color space, hex #552224 is composed of 33.3% red, 13.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 57.6% yellow and 66.7% black. It has a hue angle of 357.6 degrees, a saturation of 42.9% and a lightness of 23.3%. #552224 color hex could be obtained by blending #aa4448 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 13
- B 14
RGB color chart
-
- C 0
- M 60
- Y 58
- K 67
CMYK color chart
● #552224 color description : Very dark red.
The hexadecimal color #552224 has RGB values of R:85, G:34, B:36 and CMYK values of C:0, M:0.6, Y:0.58, K:0.67. Its decimal value is 5579300.
Hex triplet | 552224 | #552224 |
---|---|---|
RGB Decimal | 85, 34, 36 | rgb(85,34,36) |
RGB Percent | 33.3, 13.3, 14.1 | rgb(33.3%,13.3%,14.1%) |
CMYK | 0, 60, 58, 67 | |
HSL | 357.6°, 42.9, 23.3 | hsl(357.6,42.9%,23.3%) |
HSV (or HSB) | 357.6°, 60, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 20.84, 23.906, 10.371 |
---|---|
XYZ | 4.637, 3.203, 2.043 |
xyY | 0.469, 0.324, 3.203 |
CIE-LCH | 20.84, 26.058, 23.452 |
CIE-LUV | 20.84, 31.839, 5.914 |
Hunter-Lab | 17.897, 14.926, 5.76 |
Binary | 01010101, 00100010, 00100100 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #552224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #552224
This text has a font color of #552224.
<span style="color:#552224;">Text here</span>
#552224 background color
This paragraph has a background color of #552224.
<p style="background-color:#552224;">Content here</p>
#552224 border color
This element has a border color of #552224.
<div style="border:1px solid #552224;">Content here</div>
CSS codes
.text {color:#552224;}
.background {background-color:#552224;}
.border {border:1px solid #552224;}
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 #faf2f2 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#0f0606
#0f0606
rgb(15,6,6)
-
#1d0c0c
#1d0c0c
rgb(29,12,12)
-
#2b1112
#2b1112
rgb(43,17,18)
-
#391718
#391718
rgb(57,23,24)
-
#471c1e
#471c1e
rgb(71,28,30)
-
#552224
#552224
rgb(85,34,36)
-
#63282a
#63282a
rgb(99,40,42)
-
#712d30
#712d30
rgb(113,45,48)
-
#7f3336
#7f3336
rgb(127,51,54)
-
#8d383c
#8d383c
rgb(141,56,60)
-
#9b3e42
#9b3e42
rgb(155,62,66)
-
#a94448
#a94448
rgb(169,68,72)
Shade Color Variation
-
#b74a4e
#b74a4e
rgb(183,74,78)
-
#bc585c
#bc585c
rgb(188,88,92)
-
#c26669
#c26669
rgb(194,102,105)
-
#c77477
#c77477
rgb(199,116,119)
-
#cd8285
#cd8285
rgb(205,130,133)
-
#d39092
#d39092
rgb(211,144,146)
-
#d89ea0
#d89ea0
rgb(216,158,160)
-
#deacae
#deacae
rgb(222,172,174)
-
#e3babc
#e3babc
rgb(227,186,188)
-
#e9c8c9
#e9c8c9
rgb(233,200,201)
-
#efd6d7
#efd6d7
rgb(239,214,215)
-
#f4e4e5
#f4e4e5
rgb(244,228,229)
-
#faf2f2
#faf2f2
rgb(250,242,242)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #3e3939 is the less saturated color, while #750206 is the most saturated one.
-
#3e3939
#3e3939
rgb(62,57,57)
-
#433435
#433435
rgb(67,52,53)
-
#473031
#473031
rgb(71,48,49)
-
#4c2b2c
#4c2b2c
rgb(76,43,44)
-
#502728
#502728
rgb(80,39,40)
-
#552224
#552224
rgb(85,34,36)
-
#5a1d20
#5a1d20
rgb(90,29,32)
-
#5e191c
#5e191c
rgb(94,25,28)
-
#631417
#631417
rgb(99,20,23)
-
#671013
#671013
rgb(103,16,19)
-
#6c0b0f
#6c0b0f
rgb(108,11,15)
-
#70070b
#70070b
rgb(112,7,11)
-
#750206
#750206
rgb(117,2,6)
Tone Color Variation
Below, you can see how #552224 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
Dichromacy