#564858 hex color

In a RGB color space, hex #564858 is composed of 33.7% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 18.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 292.5 degrees, a saturation of 10% and a lightness of 31.4%. #564858 color hex could be obtained by blending #ac90b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 28
- B 35
RGB color chart
- C 2
- M 18
- Y 0
- K 65
CMYK color chart

● #564858 color description : Very dark grayish magenta.

The hexadecimal color #564858 has RGB values of R:86, G:72, B:88 and CMYK values of C:0.02, M:0.18, Y:0, K:0.65. Its decimal value is 5654616.

Hex triplet	564858	`#564858`
RGB Decimal	86, 72, 88	`rgb(86,72,88)`
RGB Percent	33.7, 28.2, 34.5	`rgb(33.7%,28.2%,34.5%)`
CMYK	2, 18, 0, 65
HSL	292.5°, 10, 31.4	`hsl(292.5,10%,31.4%)`
HSV (or HSB)	292.5°, 18.2, 34.5
Web Safe	663366	`#663366`

CIE-LAB	32.52, 9.219, -7.259
XYZ	7.916, 7.318, 10.227
xyY	0.311, 0.287, 7.318
CIE-LCH	32.52, 11.734, 321.78
CIE-LUV	32.52, 6.589, -10.328
Hunter-Lab	27.052, 4.896, -3.48
Binary	01010110, 01001000, 01011000

#564858
```
#564858 rgb(86,72,88)
```
#4a5848
```
#4a5848 rgb(74,88,72)
```

Complementary Color

#4e4858
```
#4e4858 rgb(78,72,88)
```
#564858
```
#564858 rgb(86,72,88)
```
#584852
```
#584852 rgb(88,72,82)
```

Analogous Color

#48584e
```
#48584e rgb(72,88,78)
```
#564858
```
#564858 rgb(86,72,88)
```
#525848
```
#525848 rgb(82,88,72)
```

Split Complementary Color

#485856
```
#485856 rgb(72,88,86)
```
#564858
```
#564858 rgb(86,72,88)
```
#585648
```
#585648 rgb(88,86,72)
```

Triadic Color

#484a58
```
#484a58 rgb(72,74,88)
```
#564858
```
#564858 rgb(86,72,88)
```
#585648
```
#585648 rgb(88,86,72)
```
#4a5848
```
#4a5848 rgb(74,88,72)
```

Tetradic Color

#2d262e
```
#2d262e rgb(45,38,46)
```
#3b313c
```
#3b313c rgb(59,49,60)
```
#483d4a
```
#483d4a rgb(72,61,74)
```
#564858
```
#564858 rgb(86,72,88)
```
#645366
```
#645366 rgb(100,83,102)
```
#715f74
```
#715f74 rgb(113,95,116)
```
#7f6a82
```
#7f6a82 rgb(127,106,130)
```

Monochromatic Color

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

#524858
```
#524858 rgb(82,72,88)
```
#534858
```
#534858 rgb(83,72,88)
```
#554858
```
#554858 rgb(85,72,88)
```
#564858
```
#564858 rgb(86,72,88)
```
#574858
```
#574858 rgb(87,72,88)
```
#584857
```
#584857 rgb(88,72,87)
```
#584856
```
#584856 rgb(88,72,86)
```

Similar Colors

Text with hexadecimal color #564858

This text has a font color of #564858.

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

#564858 background color

This paragraph has a background color of #564858.

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

#564858 border color

This element has a border color of #564858.

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

CSS codes

.text {color:#564858;}

.background {background-color:#564858;}

.border {border:1px solid #564858;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0c0a0c
```
#0c0a0c rgb(12,10,12)
```
#171317
```
#171317 rgb(23,19,23)
```
#211c22
```
#211c22 rgb(33,28,34)
```
#2c252d
```
#2c252d rgb(44,37,45)
```
#362e38
```
#362e38 rgb(54,46,56)
```
#413642
```
#413642 rgb(65,54,66)
```
#4b3f4d
```
#4b3f4d rgb(75,63,77)
```
#564858
```
#564858 rgb(86,72,88)
```
#615163
```
#615163 rgb(97,81,99)
```
#6b5a6e
```
#6b5a6e rgb(107,90,110)
```
#766278
```
#766278 rgb(118,98,120)
```
#806b83
```
#806b83 rgb(128,107,131)
```

Shade Color Variation

#8a748e
```
#8a748e rgb(138,116,142)
```
#947f96
```
#947f96 rgb(148,127,150)
```
#9d8a9f
```
#9d8a9f rgb(157,138,159)
```
#a695a8
```
#a695a8 rgb(166,149,168)
```
#afa0b1
```
#afa0b1 rgb(175,160,177)
```
#b8aaba
```
#b8aaba rgb(184,170,186)
```
#c1b5c3
```
#c1b5c3 rgb(193,181,195)
```
#cac0cb
```
#cac0cb rgb(202,192,203)
```
#d3cbd4
```
#d3cbd4 rgb(211,203,212)
```
#dcd6dd
```
#dcd6dd rgb(220,214,221)
```
#e5e0e6
```
#e5e0e6 rgb(229,224,230)
```
#eeebef
```
#eeebef rgb(238,235,239)
```
#f7f6f8
```
#f7f6f8 rgb(247,246,248)
```

Tint Color Variation

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

#514e52
```
#514e52 rgb(81,78,82)
```
#564858
```
#564858 rgb(86,72,88)
```
#5b425e
```
#5b425e rgb(91,66,94)
```
#5f3c64
```
#5f3c64 rgb(95,60,100)
```
#64366a
```
#64366a rgb(100,54,106)
```
#682f71
```
#682f71 rgb(104,47,113)
```
#6d2977
```
#6d2977 rgb(109,41,119)
```
#72237d
```
#72237d rgb(114,35,125)
```
#761d83
```
#761d83 rgb(118,29,131)
```
#7b1789
```
#7b1789 rgb(123,23,137)
```
#80118f
```
#80118f rgb(128,17,143)
```
#840a96
```
#840a96 rgb(132,10,150)
```
#89049c
```
#89049c rgb(137,4,156)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#504d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535562 Protanopia 1% of men
#585360 Deuteranopia 1% of men
#5d5258 Tritanopia 0.001% of the population

Trichromacy

#54505e Protanomaly 1% of men, 0.01% of women
#574f5d Deuteranomaly 6% of men, 0.4% of women
#5a4e58 Tritanomaly 0.01% of the population

#564858 hex color

#564858 Color Information

#564858 Color Conversion

Color Schemes with #564858

Alternatives to #564858

#564858 Preview

Shades and Tints of #564858

Tones of #564858

Color Blindness Simulator