#553a2d Color Information
In a RGB color space, hex #553a2d is composed of 33.3% red, 22.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 47.1% yellow and 66.7% black. It has a hue angle of 19.5 degrees, a saturation of 30.8% and a lightness of 25.5%. #553a2d color hex could be obtained by blending #aa745a with #000000. Closest websafe color is: #663333.
-
- R 33
- G 23
- B 18
-
- C 0
- M 32
- Y 47
- K 67
● #553a2d color description : Very dark desaturated orange.
#553a2d Color Conversion
The hexadecimal color #553a2d has RGB values of R:85, G:58, B:45 and CMYK values of C:0, M:0.32, Y:0.47, K:0.67. Its decimal value is 5585453.
| Hex triplet | 553a2d | #553a2d |
|---|---|---|
| RGB Decimal | 85, 58, 45 | rgb(85,58,45) |
| RGB Percent | 33.3, 22.7, 17.6 | rgb(33.3%,22.7%,17.6%) |
| CMYK | 0, 32, 47, 67 | |
| HSL | 19.5°, 30.8, 25.5 | hsl(19.5,30.8%,25.5%) |
| HSV (or HSB) | 19.5°, 47.1, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 27.15, 10.097, 12.844 |
|---|---|
| XYZ | 5.733, 5.147, 3.174 |
| xyY | 0.408, 0.366, 5.147 |
| CIE-LCH | 27.15, 16.338, 51.827 |
| CIE-LUV | 27.15, 17.71, 11.531 |
| Hunter-Lab | 22.687, 5.404, 7.586 |
| Binary | 01010101, 00111010, 00101101 |
Color Schemes with #553a2d
Alternatives to #553a2d
Below, you can see some colors close to #553a2d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553a2d Preview
This text has a font color of #553a2d.
<span style="color:#553a2d;">Text here</span>
This paragraph has a background color of #553a2d.
<p style="background-color:#553a2d;">Content here</p>
This element has a border color of #553a2d.
<div style="border:1px solid #553a2d;">Content here</div>
.text {color:#553a2d;}
.background {background-color:#553a2d;}
.border {border:1px solid #553a2d;}
Shades and Tints of #553a2d
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, #080504 is the darkest color, while #fcfbfa is the lightest one.
-
#080504
#080504rgb(8,5,4) -
#150e0b
#150e0brgb(21,14,11) -
#221712
#221712rgb(34,23,18) -
#2f2019
#2f2019rgb(47,32,25) -
#3b281f
#3b281frgb(59,40,31) -
#483126
#483126rgb(72,49,38) -
#553a2d
#553a2drgb(85,58,45) -
#624334
#624334rgb(98,67,52) -
#6f4c3b
#6f4c3brgb(111,76,59) -
#7b5441
#7b5441rgb(123,84,65) -
#885d48
#885d48rgb(136,93,72) -
#95664f
#95664frgb(149,102,79) -
#a26f56
#a26f56rgb(162,111,86)
-
#ab7960
#ab7960rgb(171,121,96) -
#b2836d
#b2836drgb(178,131,109) -
#b98e7a
#b98e7argb(185,142,122) -
#bf9987
#bf9987rgb(191,153,135) -
#c6a494
#c6a494rgb(198,164,148) -
#cdafa0
#cdafa0rgb(205,175,160) -
#d4baad
#d4baadrgb(212,186,173) -
#dbc5ba
#dbc5bargb(219,197,186) -
#e1cfc7
#e1cfc7rgb(225,207,199) -
#e8dad4
#e8dad4rgb(232,218,212) -
#efe5e1
#efe5e1rgb(239,229,225) -
#f6f0ed
#f6f0edrgb(246,240,237) -
#fcfbfa
#fcfbfargb(252,251,250)
Tones of #553a2d
A tone is produced by adding gray to any pure hue. In this case, #463f3c is the less saturated color, while #822a00 is the most saturated one.
-
#463f3c
#463f3crgb(70,63,60) -
#4b3e37
#4b3e37rgb(75,62,55) -
#503c32
#503c32rgb(80,60,50) -
#553a2d
#553a2drgb(85,58,45) -
#5a3828
#5a3828rgb(90,56,40) -
#5f3723
#5f3723rgb(95,55,35) -
#64351e
#64351ergb(100,53,30) -
#693319
#693319rgb(105,51,25) -
#6e3114
#6e3114rgb(110,49,20) -
#73300f
#73300frgb(115,48,15) -
#782e0a
#782e0argb(120,46,10) -
#7d2c05
#7d2c05rgb(125,44,5) -
#822a00
#822a00rgb(130,42,0)
Color Blindness Simulator
Below, you can see how #553a2d 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.
