#5a564d hex color

In a RGB color space, hex #5a564d is composed of 35.3% red, 33.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 14.4% yellow and 64.7% black. It has a hue angle of 41.5 degrees, a saturation of 7.8% and a lightness of 32.7%. #5a564d color hex could be obtained by blending #b4ac9a with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 34
- B 30
RGB color chart
- C 0
- M 4
- Y 14
- K 65
CMYK color chart

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

The hexadecimal color #5a564d has RGB values of R:90, G:86, B:77 and CMYK values of C:0, M:0.04, Y:0.14, K:0.65. Its decimal value is 5920333.

Hex triplet	5a564d	`#5a564d`
RGB Decimal	90, 86, 77	`rgb(90,86,77)`
RGB Percent	35.3, 33.7, 30.2	`rgb(35.3%,33.7%,30.2%)`
CMYK	0, 4, 14, 65
HSL	41.5°, 7.8, 32.7	`hsl(41.5,7.8%,32.7%)`
HSV (or HSB)	41.5°, 14.4, 35.3
Web Safe	666666	`#666666`

CIE-LAB	36.678, -0.151, 5.817
XYZ	8.884, 9.365, 8.36
xyY	0.334, 0.352, 9.365
CIE-LCH	36.678, 5.819, 91.483
CIE-LUV	36.678, 2.796, 7.076
Hunter-Lab	30.603, -1.738, 5.224
Binary	01011010, 01010110, 01001101

#5a564d
```
#5a564d rgb(90,86,77)
```
#4d515a
```
#4d515a rgb(77,81,90)
```

Complementary Color

#5a504d
```
#5a504d rgb(90,80,77)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#585a4d
```
#585a4d rgb(88,90,77)
```

Analogous Color

#504d5a
```
#504d5a rgb(80,77,90)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#4d585a
```
#4d585a rgb(77,88,90)
```

Split Complementary Color

#564d5a
```
#564d5a rgb(86,77,90)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#4d5a56
```
#4d5a56 rgb(77,90,86)
```

Triadic Color

#5a4d51
```
#5a4d51 rgb(90,77,81)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#4d5a56
```
#4d5a56 rgb(77,90,86)
```
#4d515a
```
#4d515a rgb(77,81,90)
```

Tetradic Color

#312f2a
```
#312f2a rgb(49,47,42)
```
#3f3c35
```
#3f3c35 rgb(63,60,53)
```
#4c4941
```
#4c4941 rgb(76,73,65)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#686359
```
#686359 rgb(104,99,89)
```
#757065
```
#757065 rgb(117,112,101)
```
#837d70
```
#837d70 rgb(131,125,112)
```

Monochromatic Color

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

#5a534d
```
#5a534d rgb(90,83,77)
```
#5a544d
```
#5a544d rgb(90,84,77)
```
#5a554d
```
#5a554d rgb(90,85,77)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#5a574d
```
#5a574d rgb(90,87,77)
```
#5a584d
```
#5a584d rgb(90,88,77)
```
#5a594d
```
#5a594d rgb(90,89,77)
```

Similar Colors

Text with hexadecimal color #5a564d

This text has a font color of #5a564d.

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

#5a564d background color

This paragraph has a background color of #5a564d.

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

#5a564d border color

This element has a border color of #5a564d.

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

CSS codes

.text {color:#5a564d;}

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

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

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

#050505
```
#050505 rgb(5,5,5)
```
#100f0e
```
#100f0e rgb(16,15,14)
```
#1b1917
```
#1b1917 rgb(27,25,23)
```
#252320
```
#252320 rgb(37,35,32)
```
#302e29
```
#302e29 rgb(48,46,41)
```
#3a3832
```
#3a3832 rgb(58,56,50)
```
#45423b
```
#45423b rgb(69,66,59)
```
#4f4c44
```
#4f4c44 rgb(79,76,68)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#656056
```
#656056 rgb(101,96,86)
```
#6f6a5f
```
#6f6a5f rgb(111,106,95)
```
#7a7468
```
#7a7468 rgb(122,116,104)
```
#847e71
```
#847e71 rgb(132,126,113)
```

Shade Color Variation

#8e887b
```
#8e887b rgb(142,136,123)
```
#979286
```
#979286 rgb(151,146,134)
```
#a09b90
```
#a09b90 rgb(160,155,144)
```
#a9a59b
```
#a9a59b rgb(169,165,155)
```
#b2aea5
```
#b2aea5 rgb(178,174,165)
```
#bbb8b0
```
#bbb8b0 rgb(187,184,176)
```
#c4c1ba
```
#c4c1ba rgb(196,193,186)
```
#cdcbc5
```
#cdcbc5 rgb(205,203,197)
```
#d6d4d0
```
#d6d4d0 rgb(214,212,208)
```
#dfdeda
```
#dfdeda rgb(223,222,218)
```
#e9e7e5
```
#e9e7e5 rgb(233,231,229)
```
#f2f1ef
```
#f2f1ef rgb(242,241,239)
```
#fbfafa
```
#fbfafa rgb(251,250,250)
```

Tint Color Variation

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

#545453
```
#545453 rgb(84,84,83)
```
#5a564d
```
#5a564d rgb(90,86,77)
```
#605847
```
#605847 rgb(96,88,71)
```
#675b40
```
#675b40 rgb(103,91,64)
```
#6d5d3a
```
#6d5d3a rgb(109,93,58)
```
#746033
```
#746033 rgb(116,96,51)
```
#7a622d
```
#7a622d rgb(122,98,45)
```
#816526
```
#816526 rgb(129,101,38)
```
#876720
```
#876720 rgb(135,103,32)
```
#8d6a1a
```
#8d6a1a rgb(141,106,26)
```
#946c13
```
#946c13 rgb(148,108,19)
```
#9a6f0d
```
#9a6f0d rgb(154,111,13)
```
#a17106
```
#a17106 rgb(161,113,6)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#575654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e56 Protanopia 1% of men
#6a5b57 Deuteranopia 1% of men
#645c63 Tritanopia 0.001% of the population

Trichromacy

#5f5b52 Protanomaly 1% of men, 0.01% of women
#645953 Deuteranomaly 6% of men, 0.4% of women
#605a5b Tritanomaly 0.01% of the population

#5a564d hex color

#5a564d Color Information

#5a564d Color Conversion

Color Schemes with #5a564d

Alternatives to #5a564d

#5a564d Preview

Shades and Tints of #5a564d

Tones of #5a564d

Color Blindness Simulator