#564f6c hex color

In a RGB color space, hex #564f6c is composed of 33.7% red, 31% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 26.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 254.5 degrees, a saturation of 15.5% and a lightness of 36.7%. #564f6c color hex could be obtained by blending #ac9ed8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 31
- B 42
RGB color chart
- C 20
- M 27
- Y 0
- K 58
CMYK color chart

● #564f6c color description : Very dark grayish blue.

The hexadecimal color #564f6c has RGB values of R:86, G:79, B:108 and CMYK values of C:0.2, M:0.27, Y:0, K:0.58. Its decimal value is 5656428.

Hex triplet	564f6c	`#564f6c`
RGB Decimal	86, 79, 108	`rgb(86,79,108)`
RGB Percent	33.7, 31, 42.4	`rgb(33.7%,31%,42.4%)`
CMYK	20, 27, 0, 58
HSL	254.5°, 15.5, 36.7	`hsl(254.5,15.5%,36.7%)`
HSV (or HSB)	254.5°, 26.9, 42.4
Web Safe	666666	`#666666`

CIE-LAB	35.308, 9.578, -15.663
XYZ	9.34, 8.653, 15.365
xyY	0.28, 0.259, 8.653
CIE-LCH	35.308, 18.359, 301.446
CIE-LUV	35.308, 1.77, -21.986
Hunter-Lab	29.416, 5.198, -10.377
Binary	01010110, 01001111, 01101100

#564f6c
```
#564f6c rgb(86,79,108)
```
#656c4f
```
#656c4f rgb(101,108,79)
```

Complementary Color

#4f576c
```
#4f576c rgb(79,87,108)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#654f6c
```
#654f6c rgb(101,79,108)
```

Analogous Color

#576c4f
```
#576c4f rgb(87,108,79)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#6c654f
```
#6c654f rgb(108,101,79)
```

Split Complementary Color

#4f6c56
```
#4f6c56 rgb(79,108,86)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#6c564f
```
#6c564f rgb(108,86,79)
```

Triadic Color

#4f656c
```
#4f656c rgb(79,101,108)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#6c564f
```
#6c564f rgb(108,86,79)
```
#656c4f
```
#656c4f rgb(101,108,79)
```

Tetradic Color

#332f40
```
#332f40 rgb(51,47,64)
```
#3f394f
```
#3f394f rgb(63,57,79)
```
#4a445d
```
#4a445d rgb(74,68,93)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#625a7b
```
#625a7b rgb(98,90,123)
```
#6d6589
```
#6d6589 rgb(109,101,137)
```
#7a7197
```
#7a7197 rgb(122,113,151)
```

Monochromatic Color

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

#4f4f6c
```
#4f4f6c rgb(79,79,108)
```
#514f6c
```
#514f6c rgb(81,79,108)
```
#544f6c
```
#544f6c rgb(84,79,108)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#584f6c
```
#584f6c rgb(88,79,108)
```
#5b4f6c
```
#5b4f6c rgb(91,79,108)
```
#5d4f6c
```
#5d4f6c rgb(93,79,108)
```

Similar Colors

Text with hexadecimal color #564f6c

This text has a font color of #564f6c.

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

#564f6c background color

This paragraph has a background color of #564f6c.

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

#564f6c border color

This element has a border color of #564f6c.

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

CSS codes

.text {color:#564f6c;}

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

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

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

#050406
```
#050406 rgb(5,4,6)
```
#0e0d11
```
#0e0d11 rgb(14,13,17)
```
#17151d
```
#17151d rgb(23,21,29)
```
#201d28
```
#201d28 rgb(32,29,40)
```
#292633
```
#292633 rgb(41,38,51)
```
#322e3f
```
#322e3f rgb(50,46,63)
```
#3b364a
```
#3b364a rgb(59,54,74)
```
#443e55
```
#443e55 rgb(68,62,85)
```
#4d4761
```
#4d4761 rgb(77,71,97)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#5f5777
```
#5f5777 rgb(95,87,119)
```
#686083
```
#686083 rgb(104,96,131)
```
#71688e
```
#71688e rgb(113,104,142)
```

Shade Color Variation

#7b7298
```
#7b7298 rgb(123,114,152)
```
#867da0
```
#867da0 rgb(134,125,160)
```
#9088a8
```
#9088a8 rgb(144,136,168)
```
#9b94b1
```
#9b94b1 rgb(155,148,177)
```
#a59fb9
```
#a59fb9 rgb(165,159,185)
```
#b0aac1
```
#b0aac1 rgb(176,170,193)
```
#bab6c9
```
#bab6c9 rgb(186,182,201)
```
#c5c1d2
```
#c5c1d2 rgb(197,193,210)
```
#d0ccda
```
#d0ccda rgb(208,204,218)
```
#dad8e2
```
#dad8e2 rgb(218,216,226)
```
#e5e3eb
```
#e5e3eb rgb(229,227,235)
```
#efeef3
```
#efeef3 rgb(239,238,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#5d5d5e
```
#5d5d5e rgb(93,93,94)
```
#5a5665
```
#5a5665 rgb(90,86,101)
```
#564f6c
```
#564f6c rgb(86,79,108)
```
#524873
```
#524873 rgb(82,72,115)
```
#4f417a
```
#4f417a rgb(79,65,122)
```
#4b3982
```
#4b3982 rgb(75,57,130)
```
#473289
```
#473289 rgb(71,50,137)
```
#432b90
```
#432b90 rgb(67,43,144)
```
#402497
```
#402497 rgb(64,36,151)
```
#3c1d9e
```
#3c1d9e rgb(60,29,158)
```
#3815a6
```
#3815a6 rgb(56,21,166)
```
#350ead
```
#350ead rgb(53,14,173)
```
#3107b4
```
#3107b4 rgb(49,7,180)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#545359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545b75 Protanopia 1% of men
#575a72 Deuteranopia 1% of men
#5b5b62 Tritanopia 0.001% of the population

Trichromacy

#545672 Protanomaly 1% of men, 0.01% of women
#575670 Deuteranomaly 6% of men, 0.4% of women
#595765 Tritanomaly 0.01% of the population

#564f6c hex color

#564f6c Color Information

#564f6c Color Conversion

Color Schemes with #564f6c

Alternatives to #564f6c

#564f6c Preview

Shades and Tints of #564f6c

Tones of #564f6c

Color Blindness Simulator