#564f57 hex color

In a RGB color space, hex #564f57 is composed of 33.7% red, 31% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 9.2% magenta, 0% yellow and 65.9% black. It has a hue angle of 292.5 degrees, a saturation of 4.8% and a lightness of 32.5%. #564f57 color hex could be obtained by blending #ac9eae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 31
- B 34
RGB color chart
- C 1
- M 9
- Y 0
- K 66
CMYK color chart

● #564f57 color description : Very dark grayish magenta.

The hexadecimal color #564f57 has RGB values of R:86, G:79, B:87 and CMYK values of C:0.01, M:0.09, Y:0, K:0.66. Its decimal value is 5656407.

Hex triplet	564f57	`#564f57`
RGB Decimal	86, 79, 87	`rgb(86,79,87)`
RGB Percent	33.7, 31, 34.1	`rgb(33.7%,31%,34.1%)`
CMYK	1, 9, 0, 66
HSL	292.5°, 4.8, 32.5	`hsl(292.5,4.8%,32.5%)`
HSV (or HSB)	292.5°, 9.2, 34.1
Web Safe	666666	`#666666`

CIE-LAB	34.516, 4.566, -3.649
XYZ	8.354, 8.259, 10.17
xyY	0.312, 0.308, 8.259
CIE-LCH	34.516, 5.845, 321.371
CIE-LUV	34.516, 3.358, -5.215
Hunter-Lab	28.738, 1.597, -0.866
Binary	01010110, 01001111, 01010111

#564f57
```
#564f57 rgb(86,79,87)
```
#50574f
```
#50574f rgb(80,87,79)
```

Complementary Color

#524f57
```
#524f57 rgb(82,79,87)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#574f54
```
#574f54 rgb(87,79,84)
```

Analogous Color

#4f5752
```
#4f5752 rgb(79,87,82)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#54574f
```
#54574f rgb(84,87,79)
```

Split Complementary Color

#4f5756
```
#4f5756 rgb(79,87,86)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#57564f
```
#57564f rgb(87,86,79)
```

Triadic Color

#4f5057
```
#4f5057 rgb(79,80,87)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#57564f
```
#57564f rgb(87,86,79)
```
#50574f
```
#50574f rgb(80,87,79)
```

Tetradic Color

#2e2b2f
```
#2e2b2f rgb(46,43,47)
```
#3c373c
```
#3c373c rgb(60,55,60)
```
#49434a
```
#49434a rgb(73,67,74)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#635b64
```
#635b64 rgb(99,91,100)
```
#706772
```
#706772 rgb(112,103,114)
```
#7e737f
```
#7e737f rgb(126,115,127)
```

Monochromatic Color

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

#544f57
```
#544f57 rgb(84,79,87)
```
#554f57
```
#554f57 rgb(85,79,87)
```
#554f57
```
#554f57 rgb(85,79,87)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#574f57
```
#574f57 rgb(87,79,87)
```
#574f57
```
#574f57 rgb(87,79,87)
```
#574f56
```
#574f56 rgb(87,79,86)
```

Similar Colors

Text with hexadecimal color #564f57

This text has a font color of #564f57.

<span style="color:#564f57;">Text here</span>

#564f57 background color

This paragraph has a background color of #564f57.

<p style="background-color:#564f57;">Content here</p>

#564f57 border color

This element has a border color of #564f57.

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

CSS codes

.text {color:#564f57;}

.background {background-color:#564f57;}

.border {border:1px solid #564f57;}

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

#050405
```
#050405 rgb(5,4,5)
```
#0f0e0f
```
#0f0e0f rgb(15,14,15)
```
#191719
```
#191719 rgb(25,23,25)
```
#232024
```
#232024 rgb(35,32,36)
```
#2d2a2e
```
#2d2a2e rgb(45,42,46)
```
#383338
```
#383338 rgb(56,51,56)
```
#423c42
```
#423c42 rgb(66,60,66)
```
#4c464d
```
#4c464d rgb(76,70,77)
```
#564f57
```
#564f57 rgb(86,79,87)
```
#605861
```
#605861 rgb(96,88,97)
```
#6a626c
```
#6a626c rgb(106,98,108)
```
#746b76
```
#746b76 rgb(116,107,118)
```
#7f7480
```
#7f7480 rgb(127,116,128)
```

Shade Color Variation

#887e8a
```
#887e8a rgb(136,126,138)
```
#928893
```
#928893 rgb(146,136,147)
```
#9b939d
```
#9b939d rgb(155,147,157)
```
#a59da6
```
#a59da6 rgb(165,157,166)
```
#aea7af
```
#aea7af rgb(174,167,175)
```
#b8b2b9
```
#b8b2b9 rgb(184,178,185)
```
#c1bcc2
```
#c1bcc2 rgb(193,188,194)
```
#cbc6cb
```
#cbc6cb rgb(203,198,203)
```
#d4d0d5
```
#d4d0d5 rgb(212,208,213)
```
#dedbde
```
#dedbde rgb(222,219,222)
```
#e7e5e7
```
#e7e5e7 rgb(231,229,231)
```
#f0eff1
```
#f0eff1 rgb(240,239,241)
```
#faf9fa
```
#faf9fa rgb(250,249,250)
```

Tint Color Variation

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

#564f57
```
#564f57 rgb(86,79,87)
```
#5b495d
```
#5b495d rgb(91,73,93)
```
#604264
```
#604264 rgb(96,66,100)
```
#643c6a
```
#643c6a rgb(100,60,106)
```
#693571
```
#693571 rgb(105,53,113)
```
#6e2f77
```
#6e2f77 rgb(110,47,119)
```
#73297d
```
#73297d rgb(115,41,125)
```
#782284
```
#782284 rgb(120,34,132)
```
#7c1c8a
```
#7c1c8a rgb(124,28,138)
```
#811690
```
#811690 rgb(129,22,144)
```
#860f97
```
#860f97 rgb(134,15,151)
```
#8b099d
```
#8b099d rgb(139,9,157)
```
#8f02a4
```
#8f02a4 rgb(143,2,164)
```

Tone Color Variation

Below, you can see how #564f57 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

#525252 Achromatopsia 0.005% of the population
#535153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595960 Protanopia 1% of men
#5f575f Deuteranopia 1% of men
#5e585e Tritanopia 0.001% of the population

Trichromacy

#58555d Protanomaly 1% of men, 0.01% of women
#5c545c Deuteranomaly 6% of men, 0.4% of women
#5b545b Tritanomaly 0.01% of the population

#564f57 hex color

#564f57 Color Information

#564f57 Color Conversion

Color Schemes with #564f57

Alternatives to #564f57

#564f57 Preview

Shades and Tints of #564f57

Tones of #564f57

Color Blindness Simulator