#5f5542 Color Information
In a RGB color space, hex #5f5542 is composed of 37.3% red, 33.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 30.5% yellow and 62.7% black. It has a hue angle of 39.3 degrees, a saturation of 18% and a lightness of 31.6%. #5f5542 color hex could be obtained by blending #beaa84 with #000000. Closest websafe color is: #666633.
-
- R 37
- G 33
- B 26
-
- C 0
- M 11
- Y 31
- K 63
● #5f5542 color description : Very dark grayish orange.
#5f5542 Color Conversion
The hexadecimal color #5f5542 has RGB values of R:95, G:85, B:66 and CMYK values of C:0, M:0.11, Y:0.31, K:0.63. Its decimal value is 6247746.
Hex triplet | 5f5542 | #5f5542 |
---|---|---|
RGB Decimal | 95, 85, 66 | rgb(95,85,66) |
RGB Percent | 37.3, 33.3, 25.9 | rgb(37.3%,33.3%,25.9%) |
CMYK | 0, 11, 31, 63 | |
HSL | 39.3°, 18, 31.6 | hsl(39.3,18%,31.6%) |
HSV (or HSB) | 39.3°, 30.5, 37.3 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 36.6, 0.76, 12.596 |
---|---|
XYZ | 8.951, 9.323, 6.482 |
xyY | 0.362, 0.377, 9.323 |
CIE-LCH | 36.6, 12.619, 86.546 |
CIE-LUV | 36.6, 7.121, 14.462 |
Hunter-Lab | 30.534, -1.108, 8.787 |
Binary | 01011111, 01010101, 01000010 |
Color Schemes with #5f5542
Alternatives to #5f5542
Below, you can see some colors close to #5f5542. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f5542 Preview
This text has a font color of #5f5542.
<span style="color:#5f5542;">Text here</span>
This paragraph has a background color of #5f5542.
<p style="background-color:#5f5542;">Content here</p>
This element has a border color of #5f5542.
<div style="border:1px solid #5f5542;">Content here</div>
.text {color:#5f5542;}
.background {background-color:#5f5542;}
.border {border:1px solid #5f5542;}
Shades and Tints of #5f5542
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, #020202 is the darkest color, while #f9f8f6 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0e0d0a
#0e0d0a
rgb(14,13,10)
-
#1a1712
#1a1712
rgb(26,23,18)
-
#25211a
#25211a
rgb(37,33,26)
-
#312c22
#312c22
rgb(49,44,34)
-
#3c362a
#3c362a
rgb(60,54,42)
-
#484032
#484032
rgb(72,64,50)
-
#534b3a
#534b3a
rgb(83,75,58)
-
#5f5542
#5f5542
rgb(95,85,66)
-
#6b5f4a
#6b5f4a
rgb(107,95,74)
-
#766a52
#766a52
rgb(118,106,82)
-
#82745a
#82745a
rgb(130,116,90)
-
#8d7e62
#8d7e62
rgb(141,126,98)
-
#98896b
#98896b
rgb(152,137,107)
-
#a09277
#a09277
rgb(160,146,119)
-
#a89b82
#a89b82
rgb(168,155,130)
-
#b0a48e
#b0a48e
rgb(176,164,142)
-
#b8ae99
#b8ae99
rgb(184,174,153)
-
#c0b7a5
#c0b7a5
rgb(192,183,165)
-
#c8c0b0
#c8c0b0
rgb(200,192,176)
-
#d0c9bc
#d0c9bc
rgb(208,201,188)
-
#d8d3c8
#d8d3c8
rgb(216,211,200)
-
#e1dcd3
#e1dcd3
rgb(225,220,211)
-
#e9e5df
#e9e5df
rgb(233,229,223)
-
#f1eeea
#f1eeea
rgb(241,238,234)
-
#f9f8f6
#f9f8f6
rgb(249,248,246)
Tones of #5f5542
A tone is produced by adding gray to any pure hue. In this case, #53514e is the less saturated color, while #9d6804 is the most saturated one.
-
#53514e
#53514e
rgb(83,81,78)
-
#595348
#595348
rgb(89,83,72)
-
#5f5542
#5f5542
rgb(95,85,66)
-
#65573c
#65573c
rgb(101,87,60)
-
#6b5936
#6b5936
rgb(107,89,54)
-
#725b2f
#725b2f
rgb(114,91,47)
-
#785d29
#785d29
rgb(120,93,41)
-
#7e5f23
#7e5f23
rgb(126,95,35)
-
#84611d
#84611d
rgb(132,97,29)
-
#8a6217
#8a6217
rgb(138,98,23)
-
#916410
#916410
rgb(145,100,16)
-
#97660a
#97660a
rgb(151,102,10)
-
#9d6804
#9d6804
rgb(157,104,4)
Color Blindness Simulator
Below, you can see how #5f5542 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.