#564c6c hex color

In a RGB color space, hex #564c6c is composed of 33.7% red, 29.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 29.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 258.8 degrees, a saturation of 17.4% and a lightness of 36.1%. #564c6c color hex could be obtained by blending #ac98d8 with #000000. Closest websafe color is: #663366.

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

● #564c6c color description : Very dark grayish violet.

The hexadecimal color #564c6c has RGB values of R:86, G:76, B:108 and CMYK values of C:0.2, M:0.3, Y:0, K:0.58. Its decimal value is 5655660.

Hex triplet	564c6c	`#564c6c`
RGB Decimal	86, 76, 108	`rgb(86,76,108)`
RGB Percent	33.7, 29.8, 42.4	`rgb(33.7%,29.8%,42.4%)`
CMYK	20, 30, 0, 58
HSL	258.8°, 17.4, 36.1	`hsl(258.8,17.4%,36.1%)`
HSV (or HSB)	258.8°, 29.6, 42.4
Web Safe	663366	`#663366`

CIE-LAB	34.457, 11.487, -16.969
XYZ	9.128, 8.23, 15.294
xyY	0.28, 0.252, 8.23
CIE-LCH	34.457, 20.492, 304.096
CIE-LUV	34.457, 3.03, -23.87
Hunter-Lab	28.688, 6.594, -11.527
Binary	01010110, 01001100, 01101100

#564c6c
```
#564c6c rgb(86,76,108)
```
#626c4c
```
#626c4c rgb(98,108,76)
```

Complementary Color

#4c526c
```
#4c526c rgb(76,82,108)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#664c6c
```
#664c6c rgb(102,76,108)
```

Analogous Color

#526c4c
```
#526c4c rgb(82,108,76)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#6c664c
```
#6c664c rgb(108,102,76)
```

Split Complementary Color

#4c6c56
```
#4c6c56 rgb(76,108,86)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#6c564c
```
#6c564c rgb(108,86,76)
```

Triadic Color

#4c626c
```
#4c626c rgb(76,98,108)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#6c564c
```
#6c564c rgb(108,86,76)
```
#626c4c
```
#626c4c rgb(98,108,76)
```

Tetradic Color

#322c3f
```
#322c3f rgb(50,44,63)
```
#3e374e
```
#3e374e rgb(62,55,78)
```
#4a415d
```
#4a415d rgb(74,65,93)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#62577b
```
#62577b rgb(98,87,123)
```
#6e618a
```
#6e618a rgb(110,97,138)
```
#7a6d98
```
#7a6d98 rgb(122,109,152)
```

Monochromatic Color

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

#4e4c6c
```
#4e4c6c rgb(78,76,108)
```
#514c6c
```
#514c6c rgb(81,76,108)
```
#534c6c
```
#534c6c rgb(83,76,108)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#594c6c
```
#594c6c rgb(89,76,108)
```
#5b4c6c
```
#5b4c6c rgb(91,76,108)
```
#5e4c6c
```
#5e4c6c rgb(94,76,108)
```

Similar Colors

Text with hexadecimal color #564c6c

This text has a font color of #564c6c.

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

#564c6c background color

This paragraph has a background color of #564c6c.

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

#564c6c border color

This element has a border color of #564c6c.

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

CSS codes

.text {color:#564c6c;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0d0b10
```
#0d0b10 rgb(13,11,16)
```
#16131b
```
#16131b rgb(22,19,27)
```
#1f1b27
```
#1f1b27 rgb(31,27,39)
```
#282332
```
#282332 rgb(40,35,50)
```
#312c3e
```
#312c3e rgb(49,44,62)
```
#3a3449
```
#3a3449 rgb(58,52,73)
```
#443c55
```
#443c55 rgb(68,60,85)
```
#4d4460
```
#4d4460 rgb(77,68,96)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#5f5478
```
#5f5478 rgb(95,84,120)
```
#685c83
```
#685c83 rgb(104,92,131)
```
#72648f
```
#72648f rgb(114,100,143)
```

Shade Color Variation

#7b6e99
```
#7b6e99 rgb(123,110,153)
```
#8679a1
```
#8679a1 rgb(134,121,161)
```
#9085a9
```
#9085a9 rgb(144,133,169)
```
#9b90b1
```
#9b90b1 rgb(155,144,177)
```
#a59cb9
```
#a59cb9 rgb(165,156,185)
```
#afa7c1
```
#afa7c1 rgb(175,167,193)
```
#bab3c9
```
#bab3c9 rgb(186,179,201)
```
#c4bed1
```
#c4bed1 rgb(196,190,209)
```
#cfcada
```
#cfcada rgb(207,202,218)
```
#d9d5e2
```
#d9d5e2 rgb(217,213,226)
```
#e4e1ea
```
#e4e1ea rgb(228,225,234)
```
#eeecf2
```
#eeecf2 rgb(238,236,242)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#5b5a5e
```
#5b5a5e rgb(91,90,94)
```
#595365
```
#595365 rgb(89,83,101)
```
#564c6c
```
#564c6c rgb(86,76,108)
```
#534573
```
#534573 rgb(83,69,115)
```
#513e7a
```
#513e7a rgb(81,62,122)
```
#4e3781
```
#4e3781 rgb(78,55,129)
```
#4b3088
```
#4b3088 rgb(75,48,136)
```
#49298f
```
#49298f rgb(73,41,143)
```
#462296
```
#462296 rgb(70,34,150)
```
#431a9e
```
#431a9e rgb(67,26,158)
```
#4113a5
```
#4113a5 rgb(65,19,165)
```
#3e0cac
```
#3e0cac rgb(62,12,172)
```
#3b05b3
```
#3b05b3 rgb(59,5,179)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#545258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515976 Protanopia 1% of men
#545872 Deuteranopia 1% of men
#5a595f Tritanopia 0.001% of the population

Trichromacy

#525472 Protanomaly 1% of men, 0.01% of women
#555470 Deuteranomaly 6% of men, 0.4% of women
#585464 Tritanomaly 0.01% of the population

#564c6c hex color

#564c6c Color Information

#564c6c Color Conversion

Color Schemes with #564c6c

Alternatives to #564c6c

#564c6c Preview

Shades and Tints of #564c6c

Tones of #564c6c

Color Blindness Simulator