#5f564d hex color

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

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

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

The hexadecimal color #5f564d has RGB values of R:95, G:86, B:77 and CMYK values of C:0, M:0.09, Y:0.19, K:0.63. Its decimal value is 6248013.

Hex triplet	5f564d	`#5f564d`
RGB Decimal	95, 86, 77	`rgb(95,86,77)`
RGB Percent	37.3, 33.7, 30.2	`rgb(37.3%,33.7%,30.2%)`
CMYK	0, 9, 19, 63
HSL	30°, 10.5, 33.7	`hsl(30,10.5%,33.7%)`
HSV (or HSB)	30°, 18.9, 37.3
Web Safe	666666	`#666666`

CIE-LAB	37.16, 1.976, 6.568
XYZ	9.386, 9.624, 8.384
xyY	0.343, 0.351, 9.624
CIE-LCH	37.16, 6.859, 73.255
CIE-LUV	37.16, 5.809, 7.647
Hunter-Lab	31.023, -0.283, 5.693
Binary	01011111, 01010110, 01001101

#5f564d
```
#5f564d rgb(95,86,77)
```
#4d565f
```
#4d565f rgb(77,86,95)
```

Complementary Color

#5f4d4d
```
#5f4d4d rgb(95,77,77)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#5f5f4d
```
#5f5f4d rgb(95,95,77)
```

Analogous Color

#4d4d5f
```
#4d4d5f rgb(77,77,95)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#4d5f5f
```
#4d5f5f rgb(77,95,95)
```

Split Complementary Color

#564d5f
```
#564d5f rgb(86,77,95)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#4d5f56
```
#4d5f56 rgb(77,95,86)
```

Triadic Color

#5f4d56
```
#5f4d56 rgb(95,77,86)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#4d5f56
```
#4d5f56 rgb(77,95,86)
```
#4d565f
```
#4d565f rgb(77,86,95)
```

Tetradic Color

#35302b
```
#35302b rgb(53,48,43)
```
#433d36
```
#433d36 rgb(67,61,54)
```
#514942
```
#514942 rgb(81,73,66)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#6d6358
```
#6d6358 rgb(109,99,88)
```
#7b7064
```
#7b7064 rgb(123,112,100)
```
#897c6f
```
#897c6f rgb(137,124,111)
```

Monochromatic Color

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

#5f524d
```
#5f524d rgb(95,82,77)
```
#5f534d
```
#5f534d rgb(95,83,77)
```
#5f554d
```
#5f554d rgb(95,85,77)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#5f584d
```
#5f584d rgb(95,88,77)
```
#5f594d
```
#5f594d rgb(95,89,77)
```
#5f5b4d
```
#5f5b4d rgb(95,91,77)
```

Similar Colors

Text with hexadecimal color #5f564d

This text has a font color of #5f564d.

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

#5f564d background color

This paragraph has a background color of #5f564d.

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

#5f564d border color

This element has a border color of #5f564d.

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

CSS codes

.text {color:#5f564d;}

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

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

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)
```
#131110
```
#131110 rgb(19,17,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)
```
#49423b
```
#49423b rgb(73,66,59)
```
#544c44
```
#544c44 rgb(84,76,68)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#6a6056
```
#6a6056 rgb(106,96,86)
```
#756a5f
```
#756a5f rgb(117,106,95)
```
#807367
```
#807367 rgb(128,115,103)
```
#8a7d70
```
#8a7d70 rgb(138,125,112)
```

Shade Color Variation

#94877a
```
#94877a rgb(148,135,122)
```
#9c9185
```
#9c9185 rgb(156,145,133)
```
#a59b90
```
#a59b90 rgb(165,155,144)
```
#aea49b
```
#aea49b rgb(174,164,155)
```
#b7aea6
```
#b7aea6 rgb(183,174,166)
```
#bfb8b1
```
#bfb8b1 rgb(191,184,177)
```
#c8c2bb
```
#c8c2bb rgb(200,194,187)
```
#d1ccc6
```
#d1ccc6 rgb(209,204,198)
```
#dad6d1
```
#dad6d1 rgb(218,214,209)
```
#e3dfdc
```
#e3dfdc rgb(227,223,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 #a85604 is the most saturated one.

#585654
```
#585654 rgb(88,86,84)
```
#5f564d
```
#5f564d rgb(95,86,77)
```
#665646
```
#665646 rgb(102,86,70)
```
#6c5640
```
#6c5640 rgb(108,86,64)
```
#735639
```
#735639 rgb(115,86,57)
```
#795633
```
#795633 rgb(121,86,51)
```
#80562c
```
#80562c rgb(128,86,44)
```
#875625
```
#875625 rgb(135,86,37)
```
#8d561f
```
#8d561f rgb(141,86,31)
```
#945618
```
#945618 rgb(148,86,24)
```
#9b5611
```
#9b5611 rgb(155,86,17)
```
#a1560b
```
#a1560b rgb(161,86,11)
```
#a85604
```
#a85604 rgb(168,86,4)
```

Tone Color Variation

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

#645f56 Protanopia 1% of men
#6c5c56 Deuteranopia 1% of men
#695c63 Tritanopia 0.001% of the population

Trichromacy

#625c53 Protanomaly 1% of men, 0.01% of women
#675a53 Deuteranomaly 6% of men, 0.4% of women
#655a5b Tritanomaly 0.01% of the population

#5f564d hex color

#5f564d Color Information

#5f564d Color Conversion

Color Schemes with #5f564d

Alternatives to #5f564d

#5f564d Preview

Shades and Tints of #5f564d

Tones of #5f564d

Color Blindness Simulator