#5f553c Color Information
In a RGB color space, hex #5f553c is composed of 37.3% red, 33.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 36.8% yellow and 62.7% black. It has a hue angle of 42.9 degrees, a saturation of 22.6% and a lightness of 30.4%. #5f553c color hex could be obtained by blending #beaa78 with #000000. Closest websafe color is: #666633.
-
- R 37
- G 33
- B 24
-
- C 0
- M 11
- Y 37
- K 63
● #5f553c color description : Very dark desaturated orange.
#5f553c Color Conversion
The hexadecimal color #5f553c has RGB values of R:95, G:85, B:60 and CMYK values of C:0, M:0.11, Y:0.37, K:0.63. Its decimal value is 6247740.
| Hex triplet | 5f553c | #5f553c |
|---|---|---|
| RGB Decimal | 95, 85, 60 | rgb(95,85,60) |
| RGB Percent | 37.3, 33.3, 23.5 | rgb(37.3%,33.3%,23.5%) |
| CMYK | 0, 11, 37, 63 | |
| HSL | 42.9°, 22.6, 30.4 | hsl(42.9,22.6%,30.4%) |
| HSV (or HSB) | 42.9°, 36.8, 37.3 | |
| Web Safe | 666633 | #666633 |
| CIE-LAB | 36.473, -0.125, 16.1 |
|---|---|
| XYZ | 8.783, 9.256, 5.599 |
| xyY | 0.372, 0.392, 9.256 |
| CIE-LCH | 36.473, 16.1, 90.443 |
| CIE-LUV | 36.473, 7.508, 18.17 |
| Hunter-Lab | 30.424, -1.71, 10.386 |
| Binary | 01011111, 01010101, 00111100 |
Color Schemes with #5f553c
Alternatives to #5f553c
Below, you can see some colors close to #5f553c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f553c Preview
This text has a font color of #5f553c.
<span style="color:#5f553c;">Text here</span>
This paragraph has a background color of #5f553c.
<p style="background-color:#5f553c;">Content here</p>
This element has a border color of #5f553c.
<div style="border:1px solid #5f553c;">Content here</div>
.text {color:#5f553c;}
.background {background-color:#5f553c;}
.border {border:1px solid #5f553c;}
Shades and Tints of #5f553c
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, #0b0a07 is the darkest color, while #fefefe is the lightest one.
-
#0b0a07
#0b0a07rgb(11,10,7) -
#17140e
#17140ergb(23,20,14) -
#231f16
#231f16rgb(35,31,22) -
#2f2a1e
#2f2a1ergb(47,42,30) -
#3b3525
#3b3525rgb(59,53,37) -
#473f2d
#473f2drgb(71,63,45) -
#534a34
#534a34rgb(83,74,52) -
#5f553c
#5f553crgb(95,85,60) -
#6b6044
#6b6044rgb(107,96,68) -
#776b4b
#776b4brgb(119,107,75) -
#837553
#837553rgb(131,117,83) -
#8f805a
#8f805argb(143,128,90) -
#9b8b62
#9b8b62rgb(155,139,98)
-
#a3946e
#a3946ergb(163,148,110) -
#ab9d7a
#ab9d7argb(171,157,122) -
#b2a686
#b2a686rgb(178,166,134) -
#baae92
#baae92rgb(186,174,146) -
#c2b79e
#c2b79ergb(194,183,158) -
#c9c0aa
#c9c0aargb(201,192,170) -
#d1c9b6
#d1c9b6rgb(209,201,182) -
#d8d2c2
#d8d2c2rgb(216,210,194) -
#e0dbce
#e0dbcergb(224,219,206) -
#e7e4da
#e7e4dargb(231,228,218) -
#efece6
#efece6rgb(239,236,230) -
#f7f5f2
#f7f5f2rgb(247,245,242) -
#fefefe
#fefefergb(254,254,254)
Tones of #5f553c
A tone is produced by adding gray to any pure hue. In this case, #535048 is the less saturated color, while #9b6f00 is the most saturated one.
-
#535048
#535048rgb(83,80,72) -
#595242
#595242rgb(89,82,66) -
#5f553c
#5f553crgb(95,85,60) -
#655836
#655836rgb(101,88,54) -
#6b5a30
#6b5a30rgb(107,90,48) -
#715d2a
#715d2argb(113,93,42) -
#775f24
#775f24rgb(119,95,36) -
#7d621e
#7d621ergb(125,98,30) -
#836418
#836418rgb(131,100,24) -
#896712
#896712rgb(137,103,18) -
#8f690c
#8f690crgb(143,105,12) -
#956c06
#956c06rgb(149,108,6) -
#9b6f00
#9b6f00rgb(155,111,0)
Color Blindness Simulator
Below, you can see how #5f553c 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.
