#564a6c hex color

In a RGB color space, hex #564a6c is composed of 33.7% red, 29% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 31.5% magenta, 0% yellow and 57.6% black. It has a hue angle of 261.2 degrees, a saturation of 18.7% and a lightness of 35.7%. #564a6c color hex could be obtained by blending #ac94d8 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #564a6c has RGB values of R:86, G:74, B:108 and CMYK values of C:0.2, M:0.31, Y:0, K:0.58. Its decimal value is 5655148.

Hex triplet	564a6c	`#564a6c`
RGB Decimal	86, 74, 108	`rgb(86,74,108)`
RGB Percent	33.7, 29, 42.4	`rgb(33.7%,29%,42.4%)`
CMYK	20, 31, 0, 58
HSL	261.2°, 18.7, 35.7	`hsl(261.2,18.7%,35.7%)`
HSV (or HSB)	261.2°, 31.5, 42.4
Web Safe	663366	`#663366`

CIE-LAB	33.897, 12.764, -17.833
XYZ	8.993, 7.959, 15.249
xyY	0.279, 0.247, 7.959
CIE-LCH	33.897, 21.93, 305.593
CIE-LUV	33.897, 3.855, -25.101
Hunter-Lab	28.211, 7.531, -12.3
Binary	01010110, 01001010, 01101100

#564a6c
```
#564a6c rgb(86,74,108)
```
#606c4a
```
#606c4a rgb(96,108,74)
```

Complementary Color

#4a4f6c
```
#4a4f6c rgb(74,79,108)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#674a6c
```
#674a6c rgb(103,74,108)
```

Analogous Color

#4f6c4a
```
#4f6c4a rgb(79,108,74)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#6c674a
```
#6c674a rgb(108,103,74)
```

Split Complementary Color

#4a6c56
```
#4a6c56 rgb(74,108,86)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#6c564a
```
#6c564a rgb(108,86,74)
```

Triadic Color

#4a606c
```
#4a606c rgb(74,96,108)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#6c564a
```
#6c564a rgb(108,86,74)
```
#606c4a
```
#606c4a rgb(96,108,74)
```

Tetradic Color

#322b3f
```
#322b3f rgb(50,43,63)
```
#3e354e
```
#3e354e rgb(62,53,78)
```
#4a405d
```
#4a405d rgb(74,64,93)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#62547b
```
#62547b rgb(98,84,123)
```
#6e5f8a
```
#6e5f8a rgb(110,95,138)
```
#7a6a99
```
#7a6a99 rgb(122,106,153)
```

Monochromatic Color

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

#4e4a6c
```
#4e4a6c rgb(78,74,108)
```
#504a6c
```
#504a6c rgb(80,74,108)
```
#534a6c
```
#534a6c rgb(83,74,108)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#594a6c
```
#594a6c rgb(89,74,108)
```
#5c4a6c
```
#5c4a6c rgb(92,74,108)
```
#5f4a6c
```
#5f4a6c rgb(95,74,108)
```

Similar Colors

Text with hexadecimal color #564a6c

This text has a font color of #564a6c.

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

#564a6c background color

This paragraph has a background color of #564a6c.

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

#564a6c border color

This element has a border color of #564a6c.

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

CSS codes

.text {color:#564a6c;}

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

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0c0a0f
```
#0c0a0f rgb(12,10,15)
```
#15121b
```
#15121b rgb(21,18,27)
```
#1e1a26
```
#1e1a26 rgb(30,26,38)
```
#282232
```
#282232 rgb(40,34,50)
```
#312a3d
```
#312a3d rgb(49,42,61)
```
#3a3249
```
#3a3249 rgb(58,50,73)
```
#433a55
```
#433a55 rgb(67,58,85)
```
#4d4260
```
#4d4260 rgb(77,66,96)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#5f5278
```
#5f5278 rgb(95,82,120)
```
#695a83
```
#695a83 rgb(105,90,131)
```
#72628f
```
#72628f rgb(114,98,143)
```

Shade Color Variation

#7b6b9a
```
#7b6b9a rgb(123,107,154)
```
#8677a2
```
#8677a2 rgb(134,119,162)
```
#9082a9
```
#9082a9 rgb(144,130,169)
```
#9a8eb1
```
#9a8eb1 rgb(154,142,177)
```
#a599b9
```
#a599b9 rgb(165,153,185)
```
#afa5c1
```
#afa5c1 rgb(175,165,193)
```
#b9b1c9
```
#b9b1c9 rgb(185,177,201)
```
#c4bcd1
```
#c4bcd1 rgb(196,188,209)
```
#cec8d9
```
#cec8d9 rgb(206,200,217)
```
#d8d4e1
```
#d8d4e1 rgb(216,212,225)
```
#e3dfe9
```
#e3dfe9 rgb(227,223,233)
```
#edebf1
```
#edebf1 rgb(237,235,241)
```
#f8f7f9
```
#f8f7f9 rgb(248,247,249)
```

Tint Color Variation

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

#5a585e
```
#5a585e rgb(90,88,94)
```
#585165
```
#585165 rgb(88,81,101)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#544373
```
#544373 rgb(84,67,115)
```
#523c7a
```
#523c7a rgb(82,60,122)
```
#503581
```
#503581 rgb(80,53,129)
```
#4e2e88
```
#4e2e88 rgb(78,46,136)
```
#4c278f
```
#4c278f rgb(76,39,143)
```
#4a2096
```
#4a2096 rgb(74,32,150)
```
#48199d
```
#48199d rgb(72,25,157)
```
#4612a4
```
#4612a4 rgb(70,18,164)
```
#430bab
```
#430bab rgb(67,11,171)
```
#4104b2
```
#4104b2 rgb(65,4,178)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#525056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5776 Protanopia 1% of men
#525772 Deuteranopia 1% of men
#5a575e Tritanopia 0.001% of the population

Trichromacy

#515272 Protanomaly 1% of men, 0.01% of women
#53526f Deuteranomaly 6% of men, 0.4% of women
#585263 Tritanomaly 0.01% of the population

#564a6c hex color

#564a6c Color Information

#564a6c Color Conversion

Color Schemes with #564a6c

Alternatives to #564a6c

#564a6c Preview

Shades and Tints of #564a6c

Tones of #564a6c

Color Blindness Simulator