#552a22 Color Information
In a RGB color space, hex #552a22 is composed of 33.3% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.6% magenta, 60% yellow and 66.7% black. It has a hue angle of 9.4 degrees, a saturation of 42.9% and a lightness of 23.3%. #552a22 color hex could be obtained by blending #aa5444 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 16
- B 13
-
- C 0
- M 51
- Y 60
- K 67
● #552a22 color description : Very dark red.
#552a22 Color Conversion
The hexadecimal color #552a22 has RGB values of R:85, G:42, B:34 and CMYK values of C:0, M:0.51, Y:0.6, K:0.67. Its decimal value is 5581346.
Hex triplet | 552a22 | #552a22 |
---|---|---|
RGB Decimal | 85, 42, 34 | rgb(85,42,34) |
RGB Percent | 33.3, 16.5, 13.3 | rgb(33.3%,16.5%,13.3%) |
CMYK | 0, 51, 60, 67 | |
HSL | 9.4°, 42.9, 23.3 | hsl(9.4,42.9%,23.3%) |
HSV (or HSB) | 9.4°, 60, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 22.665, 18.964, 14.141 |
---|---|
XYZ | 4.863, 3.703, 1.972 |
xyY | 0.461, 0.351, 3.703 |
CIE-LCH | 22.665, 23.656, 36.711 |
CIE-LUV | 22.665, 28.123, 10.063 |
Hunter-Lab | 19.243, 11.434, 7.395 |
Binary | 01010101, 00101010, 00100010 |
Color Schemes with #552a22
Alternatives to #552a22
Below, you can see some colors close to #552a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552a22 Preview
This text has a font color of #552a22.
<span style="color:#552a22;">Text here</span>
This paragraph has a background color of #552a22.
<p style="background-color:#552a22;">Content here</p>
This element has a border color of #552a22.
<div style="border:1px solid #552a22;">Content here</div>
.text {color:#552a22;}
.background {background-color:#552a22;}
.border {border:1px solid #552a22;}
Shades and Tints of #552a22
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)
-
#0f0706
#0f0706
rgb(15,7,6)
-
#1d0e0c
#1d0e0c
rgb(29,14,12)
-
#2b1511
#2b1511
rgb(43,21,17)
-
#391c17
#391c17
rgb(57,28,23)
-
#47231c
#47231c
rgb(71,35,28)
-
#552a22
#552a22
rgb(85,42,34)
-
#633128
#633128
rgb(99,49,40)
-
#71382d
#71382d
rgb(113,56,45)
-
#7f3f33
#7f3f33
rgb(127,63,51)
-
#8d4638
#8d4638
rgb(141,70,56)
-
#9b4d3e
#9b4d3e
rgb(155,77,62)
-
#a95444
#a95444
rgb(169,84,68)
-
#b75b4a
#b75b4a
rgb(183,91,74)
-
#bc6858
#bc6858
rgb(188,104,88)
-
#c27466
#c27466
rgb(194,116,102)
-
#c78174
#c78174
rgb(199,129,116)
-
#cd8e82
#cd8e82
rgb(205,142,130)
-
#d39a90
#d39a90
rgb(211,154,144)
-
#d8a79e
#d8a79e
rgb(216,167,158)
-
#deb4ac
#deb4ac
rgb(222,180,172)
-
#e3c0ba
#e3c0ba
rgb(227,192,186)
-
#e9cdc8
#e9cdc8
rgb(233,205,200)
-
#efdad6
#efdad6
rgb(239,218,214)
-
#f4e6e4
#f4e6e4
rgb(244,230,228)
-
#faf3f2
#faf3f2
rgb(250,243,242)
Tones of #552a22
A tone is produced by adding gray to any pure hue. In this case, #3e3a39 is the less saturated color, while #751402 is the most saturated one.
-
#3e3a39
#3e3a39
rgb(62,58,57)
-
#433734
#433734
rgb(67,55,52)
-
#473330
#473330
rgb(71,51,48)
-
#4c302b
#4c302b
rgb(76,48,43)
-
#502d27
#502d27
rgb(80,45,39)
-
#552a22
#552a22
rgb(85,42,34)
-
#5a271d
#5a271d
rgb(90,39,29)
-
#5e2419
#5e2419
rgb(94,36,25)
-
#632114
#632114
rgb(99,33,20)
-
#671d10
#671d10
rgb(103,29,16)
-
#6c1a0b
#6c1a0b
rgb(108,26,11)
-
#701707
#701707
rgb(112,23,7)
-
#751402
#751402
rgb(117,20,2)
Color Blindness Simulator
Below, you can see how #552a22 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.