#564b6a hex color

In a RGB color space, hex #564b6a is composed of 33.7% red, 29.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 29.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 261.3 degrees, a saturation of 17.1% and a lightness of 35.5%. #564b6a color hex could be obtained by blending #ac96d4 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #564b6a has RGB values of R:86, G:75, B:106 and CMYK values of C:0.19, M:0.29, Y:0, K:0.58. Its decimal value is 5655402.

Hex triplet	564b6a	`#564b6a`
RGB Decimal	86, 75, 106	`rgb(86,75,106)`
RGB Percent	33.7, 29.4, 41.6	`rgb(33.7%,29.4%,41.6%)`
CMYK	19, 29, 0, 58
HSL	261.3°, 17.1, 35.5	`hsl(261.3,17.1%,35.5%)`
HSV (or HSB)	261.3°, 29.2, 41.6
Web Safe	663366	`#663366`

CIE-LAB	34.089, 11.613, -16.279
XYZ	8.955, 8.051, 14.717
xyY	0.282, 0.254, 8.051
CIE-LCH	34.089, 19.997, 305.503
CIE-LUV	34.089, 3.62, -22.864
Hunter-Lab	28.375, 6.678, -10.89
Binary	01010110, 01001011, 01101010

#564b6a
```
#564b6a rgb(86,75,106)
```
#5f6a4b
```
#5f6a4b rgb(95,106,75)
```

Complementary Color

#4b506a
```
#4b506a rgb(75,80,106)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#664b6a
```
#664b6a rgb(102,75,106)
```

Analogous Color

#506a4b
```
#506a4b rgb(80,106,75)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#6a664b
```
#6a664b rgb(106,102,75)
```

Split Complementary Color

#4b6a56
```
#4b6a56 rgb(75,106,86)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#6a564b
```
#6a564b rgb(106,86,75)
```

Triadic Color

#4b5f6a
```
#4b5f6a rgb(75,95,106)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#6a564b
```
#6a564b rgb(106,86,75)
```
#5f6a4b
```
#5f6a4b rgb(95,106,75)
```

Tetradic Color

#322b3d
```
#322b3d rgb(50,43,61)
```
#3e364c
```
#3e364c rgb(62,54,76)
```
#4a405b
```
#4a405b rgb(74,64,91)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#625679
```
#625679 rgb(98,86,121)
```
#6e6088
```
#6e6088 rgb(110,96,136)
```
#7a6b96
```
#7a6b96 rgb(122,107,150)
```

Monochromatic Color

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

#4e4b6a
```
#4e4b6a rgb(78,75,106)
```
#514b6a
```
#514b6a rgb(81,75,106)
```
#534b6a
```
#534b6a rgb(83,75,106)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#594b6a
```
#594b6a rgb(89,75,106)
```
#5b4b6a
```
#5b4b6a rgb(91,75,106)
```
#5e4b6a
```
#5e4b6a rgb(94,75,106)
```

Similar Colors

Text with hexadecimal color #564b6a

This text has a font color of #564b6a.

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

#564b6a background color

This paragraph has a background color of #564b6a.

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

#564b6a border color

This element has a border color of #564b6a.

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

CSS codes

.text {color:#564b6a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0a0e
```
#0b0a0e rgb(11,10,14)
```
#15121a
```
#15121a rgb(21,18,26)
```
#1e1a25
```
#1e1a25 rgb(30,26,37)
```
#272231
```
#272231 rgb(39,34,49)
```
#312a3c
```
#312a3c rgb(49,42,60)
```
#3a3348
```
#3a3348 rgb(58,51,72)
```
#433b53
```
#433b53 rgb(67,59,83)
```
#4d435f
```
#4d435f rgb(77,67,95)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#5f5375
```
#5f5375 rgb(95,83,117)
```
#695b81
```
#695b81 rgb(105,91,129)
```
#72638c
```
#72638c rgb(114,99,140)
```

Shade Color Variation

#7c6c97
```
#7c6c97 rgb(124,108,151)
```
#86789f
```
#86789f rgb(134,120,159)
```
#9083a7
```
#9083a7 rgb(144,131,167)
```
#9a8fb0
```
#9a8fb0 rgb(154,143,176)
```
#a59ab8
```
#a59ab8 rgb(165,154,184)
```
#afa6c0
```
#afa6c0 rgb(175,166,192)
```
#b9b1c8
```
#b9b1c8 rgb(185,177,200)
```
#c4bdd0
```
#c4bdd0 rgb(196,189,208)
```
#cec8d8
```
#cec8d8 rgb(206,200,216)
```
#d8d4e0
```
#d8d4e0 rgb(216,212,224)
```
#e2dfe8
```
#e2dfe8 rgb(226,223,232)
```
#edebf1
```
#edebf1 rgb(237,235,241)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#5a595c
```
#5a595c rgb(90,89,92)
```
#585263
```
#585263 rgb(88,82,99)
```
#564b6a
```
#564b6a rgb(86,75,106)
```
#544471
```
#544471 rgb(84,68,113)
```
#523d78
```
#523d78 rgb(82,61,120)
```
#50367f
```
#50367f rgb(80,54,127)
```
#4e2f86
```
#4e2f86 rgb(78,47,134)
```
#4c288d
```
#4c288d rgb(76,40,141)
```
#4a2194
```
#4a2194 rgb(74,33,148)
```
#481a9b
```
#481a9b rgb(72,26,155)
```
#4613a2
```
#4613a2 rgb(70,19,162)
```
#440ca9
```
#440ca9 rgb(68,12,169)
```
#4205b0
```
#4205b0 rgb(66,5,176)
```

Tone Color Variation

Below, you can see how #564b6a 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
#535157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505874 Protanopia 1% of men
#545770 Deuteranopia 1% of men
#5a585e Tritanopia 0.001% of the population

Trichromacy

#525370 Protanomaly 1% of men, 0.01% of women
#54536e Deuteranomaly 6% of men, 0.4% of women
#595362 Tritanomaly 0.01% of the population

#564b6a hex color

#564b6a Color Information

#564b6a Color Conversion

Color Schemes with #564b6a

Alternatives to #564b6a

#564b6a Preview

Shades and Tints of #564b6a

Tones of #564b6a

Color Blindness Simulator