#5f5543 Color Information
In a RGB color space, hex #5f5543 is composed of 37.3% red, 33.3% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 29.5% yellow and 62.7% black. It has a hue angle of 38.6 degrees, a saturation of 17.3% and a lightness of 31.8%. #5f5543 color hex could be obtained by blending #beaa86 with #000000. Closest websafe color is: #666633.
-
- R 37
- G 33
- B 26
-
- C 0
- M 11
- Y 29
- K 63
● #5f5543 color description : Very dark grayish orange.
#5f5543 Color Conversion
The hexadecimal color #5f5543 has RGB values of R:95, G:85, B:67 and CMYK values of C:0, M:0.11, Y:0.29, K:0.63. Its decimal value is 6247747.
| Hex triplet | 5f5543 | #5f5543 |
|---|---|---|
| RGB Decimal | 95, 85, 67 | rgb(95,85,67) |
| RGB Percent | 37.3, 33.3, 26.3 | rgb(37.3%,33.3%,26.3%) |
| CMYK | 0, 11, 29, 63 | |
| HSL | 38.6°, 17.3, 31.8 | hsl(38.6,17.3%,31.8%) |
| HSV (or HSB) | 38.6°, 29.5, 37.3 | |
| Web Safe | 666633 | #666633 |
| CIE-LAB | 36.622, 0.915, 12.01 |
|---|---|
| XYZ | 8.981, 9.335, 6.639 |
| xyY | 0.36, 0.374, 9.335 |
| CIE-LCH | 36.622, 12.045, 85.641 |
| CIE-LUV | 36.622, 7.054, 13.819 |
| Hunter-Lab | 30.554, -1.002, 8.505 |
| Binary | 01011111, 01010101, 01000011 |
Color Schemes with #5f5543
Alternatives to #5f5543
Below, you can see some colors close to #5f5543. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f5543 Preview
This text has a font color of #5f5543.
<span style="color:#5f5543;">Text here</span>
This paragraph has a background color of #5f5543.
<p style="background-color:#5f5543;">Content here</p>
This element has a border color of #5f5543.
<div style="border:1px solid #5f5543;">Content here</div>
.text {color:#5f5543;}
.background {background-color:#5f5543;}
.border {border:1px solid #5f5543;}
Shades and Tints of #5f5543
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, #030302 is the darkest color, while #f9f8f6 is the lightest one.
-
#030302
#030302rgb(3,3,2) -
#0e0d0a
#0e0d0argb(14,13,10) -
#1a1712
#1a1712rgb(26,23,18) -
#25221a
#25221argb(37,34,26) -
#312c23
#312c23rgb(49,44,35) -
#3c362b
#3c362brgb(60,54,43) -
#484033
#484033rgb(72,64,51) -
#534b3b
#534b3brgb(83,75,59) -
#5f5543
#5f5543rgb(95,85,67) -
#6b5f4b
#6b5f4brgb(107,95,75) -
#766a53
#766a53rgb(118,106,83) -
#82745b
#82745brgb(130,116,91) -
#8d7e63
#8d7e63rgb(141,126,99)
-
#98886c
#98886crgb(152,136,108) -
#a09278
#a09278rgb(160,146,120) -
#a89b83
#a89b83rgb(168,155,131) -
#b0a48f
#b0a48frgb(176,164,143) -
#b8ae9a
#b8ae9argb(184,174,154) -
#c0b7a6
#c0b7a6rgb(192,183,166) -
#c8c0b1
#c8c0b1rgb(200,192,177) -
#d0c9bd
#d0c9bdrgb(208,201,189) -
#d9d3c8
#d9d3c8rgb(217,211,200) -
#e1dcd4
#e1dcd4rgb(225,220,212) -
#e9e5df
#e9e5dfrgb(233,229,223) -
#f1efeb
#f1efebrgb(241,239,235) -
#f9f8f6
#f9f8f6rgb(249,248,246)
Tones of #5f5543
A tone is produced by adding gray to any pure hue. In this case, #53514f is the less saturated color, while #9d6705 is the most saturated one.
-
#53514f
#53514frgb(83,81,79) -
#595349
#595349rgb(89,83,73) -
#5f5543
#5f5543rgb(95,85,67) -
#65573d
#65573drgb(101,87,61) -
#6b5937
#6b5937rgb(107,89,55) -
#725a30
#725a30rgb(114,90,48) -
#785c2a
#785c2argb(120,92,42) -
#7e5e24
#7e5e24rgb(126,94,36) -
#84601e
#84601ergb(132,96,30) -
#8b6117
#8b6117rgb(139,97,23) -
#916311
#916311rgb(145,99,17) -
#97650b
#97650brgb(151,101,11) -
#9d6705
#9d6705rgb(157,103,5)
Color Blindness Simulator
Below, you can see how #5f5543 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.
