#5f574d hex color

In a RGB color space, hex #5f574d is composed of 37.3% red, 34.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 18.9% yellow and 62.7% black. It has a hue angle of 33.3 degrees, a saturation of 10.5% and a lightness of 33.7%. #5f574d color hex could be obtained by blending #beae9a with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 34
- B 30
RGB color chart
- C 0
- M 8
- Y 19
- K 63
CMYK color chart

● #5f574d color description : Very dark grayish orange.

The hexadecimal color #5f574d has RGB values of R:95, G:87, B:77 and CMYK values of C:0, M:0.08, Y:0.19, K:0.63. Its decimal value is 6248269.

Hex triplet	5f574d	`#5f574d`
RGB Decimal	95, 87, 77	`rgb(95,87,77)`
RGB Percent	37.3, 34.1, 30.2	`rgb(37.3%,34.1%,30.2%)`
CMYK	0, 8, 19, 63
HSL	33.3°, 10.5, 33.7	`hsl(33.3,10.5%,33.7%)`
HSV (or HSB)	33.3°, 18.9, 37.3
Web Safe	666666	`#666666`

CIE-LAB	37.454, 1.365, 6.985
XYZ	9.467, 9.785, 8.411
xyY	0.342, 0.354, 9.785
CIE-LCH	37.454, 7.117, 78.942
CIE-LUV	37.454, 5.269, 8.249
Hunter-Lab	31.281, -0.722, 5.955
Binary	01011111, 01010111, 01001101

#5f574d
```
#5f574d rgb(95,87,77)
```
#4d555f
```
#4d555f rgb(77,85,95)
```

Complementary Color

#5f4e4d
```
#5f4e4d rgb(95,78,77)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#5e5f4d
```
#5e5f4d rgb(94,95,77)
```

Analogous Color

#4e4d5f
```
#4e4d5f rgb(78,77,95)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#4d5e5f
```
#4d5e5f rgb(77,94,95)
```

Split Complementary Color

#574d5f
```
#574d5f rgb(87,77,95)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#4d5f57
```
#4d5f57 rgb(77,95,87)
```

Triadic Color

#5f4d55
```
#5f4d55 rgb(95,77,85)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#4d5f57
```
#4d5f57 rgb(77,95,87)
```
#4d555f
```
#4d555f rgb(77,85,95)
```

Tetradic Color

#35302b
```
#35302b rgb(53,48,43)
```
#433d36
```
#433d36 rgb(67,61,54)
```
#514a42
```
#514a42 rgb(81,74,66)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#6d6458
```
#6d6458 rgb(109,100,88)
```
#7b7164
```
#7b7164 rgb(123,113,100)
```
#897e6f
```
#897e6f rgb(137,126,111)
```

Monochromatic Color

Below, you can see some colors close to #5f574d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5f534d
```
#5f534d rgb(95,83,77)
```
#5f544d
```
#5f544d rgb(95,84,77)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#5f594d
```
#5f594d rgb(95,89,77)
```
#5f5a4d
```
#5f5a4d rgb(95,90,77)
```
#5f5c4d
```
#5f5c4d rgb(95,92,77)
```

Similar Colors

Text with hexadecimal color #5f574d

This text has a font color of #5f574d.

<span style="color:#5f574d;">Text here</span>

#5f574d background color

This paragraph has a background color of #5f574d.

<p style="background-color:#5f574d;">Content here</p>

#5f574d border color

This element has a border color of #5f574d.

<div style="border:1px solid #5f574d;">Content here</div>

CSS codes

.text {color:#5f574d;}

.background {background-color:#5f574d;}

.border {border:1px solid #5f574d;}

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, #080807 is the darkest color, while #fdfdfc is the lightest one.

#080807
```
#080807 rgb(8,8,7)
```
#131210
```
#131210 rgb(19,18,16)
```
#1e1b18
```
#1e1b18 rgb(30,27,24)
```
#292521
```
#292521 rgb(41,37,33)
```
#342f2a
```
#342f2a rgb(52,47,42)
```
#3e3933
```
#3e3933 rgb(62,57,51)
```
#49433b
```
#49433b rgb(73,67,59)
```
#544d44
```
#544d44 rgb(84,77,68)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#6a6156
```
#6a6156 rgb(106,97,86)
```
#756b5f
```
#756b5f rgb(117,107,95)
```
#807567
```
#807567 rgb(128,117,103)
```
#8a7f70
```
#8a7f70 rgb(138,127,112)
```

Shade Color Variation

#94887a
```
#94887a rgb(148,136,122)
```
#9c9285
```
#9c9285 rgb(156,146,133)
```
#a59c90
```
#a59c90 rgb(165,156,144)
```
#aea69b
```
#aea69b rgb(174,166,155)
```
#b7afa6
```
#b7afa6 rgb(183,175,166)
```
#bfb9b1
```
#bfb9b1 rgb(191,185,177)
```
#c8c3bb
```
#c8c3bb rgb(200,195,187)
```
#d1ccc6
```
#d1ccc6 rgb(209,204,198)
```
#dad6d1
```
#dad6d1 rgb(218,214,209)
```
#e3e0dc
```
#e3e0dc rgb(227,224,220)
```
#ebe9e7
```
#ebe9e7 rgb(235,233,231)
```
#f4f3f2
```
#f4f3f2 rgb(244,243,242)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585654 is the less saturated color, while #a85f04 is the most saturated one.

#585654
```
#585654 rgb(88,86,84)
```
#5f574d
```
#5f574d rgb(95,87,77)
```
#665846
```
#665846 rgb(102,88,70)
```
#6c5840
```
#6c5840 rgb(108,88,64)
```
#735939
```
#735939 rgb(115,89,57)
```
#795a33
```
#795a33 rgb(121,90,51)
```
#805b2c
```
#805b2c rgb(128,91,44)
```
#875b25
```
#875b25 rgb(135,91,37)
```
#8d5c1f
```
#8d5c1f rgb(141,92,31)
```
#945d18
```
#945d18 rgb(148,93,24)
```
#9b5e11
```
#9b5e11 rgb(155,94,17)
```
#a15e0b
```
#a15e0b rgb(161,94,11)
```
#a85f04
```
#a85f04 rgb(168,95,4)
```

Tone Color Variation

Below, you can see how #5f574d 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.

Monochromacy

#585858 Achromatopsia 0.005% of the population
#595856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646056 Protanopia 1% of men
#6d5d56 Deuteranopia 1% of men
#695d64 Tritanopia 0.001% of the population

Trichromacy

#625d53 Protanomaly 1% of men, 0.01% of women
#685b53 Deuteranomaly 6% of men, 0.4% of women
#655b5b Tritanomaly 0.01% of the population

#5f574d hex color

#5f574d Color Information

#5f574d Color Conversion

Color Schemes with #5f574d

Alternatives to #5f574d

#5f574d Preview

Shades and Tints of #5f574d

Tones of #5f574d

Color Blindness Simulator