#564878 hex color

In a RGB color space, hex #564878 is composed of 33.7% red, 28.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 40% magenta, 0% yellow and 52.9% black. It has a hue angle of 257.5 degrees, a saturation of 25% and a lightness of 37.6%. #564878 color hex could be obtained by blending #ac90f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 28
- B 47
RGB color chart
- C 28
- M 40
- Y 0
- K 53
CMYK color chart

● #564878 color description : Mostly desaturated dark violet.

The hexadecimal color #564878 has RGB values of R:86, G:72, B:120 and CMYK values of C:0.28, M:0.4, Y:0, K:0.53. Its decimal value is 5654648.

Hex triplet	564878	`#564878`
RGB Decimal	86, 72, 120	`rgb(86,72,120)`
RGB Percent	33.7, 28.2, 47.1	`rgb(33.7%,28.2%,47.1%)`
CMYK	28, 40, 0, 53
HSL	257.5°, 25, 37.6	`hsl(257.5,25%,37.6%)`
HSV (or HSB)	257.5°, 40, 47.1
Web Safe	663366	`#663366`

CIE-LAB	33.919, 17.238, -25.309
XYZ	9.545, 7.969, 18.804
xyY	0.263, 0.219, 7.969
CIE-LCH	33.919, 30.622, 304.258
CIE-LUV	33.919, 3.52, -36.015
Hunter-Lab	28.23, 10.95, -19.732
Binary	01010110, 01001000, 01111000

#564878
```
#564878 rgb(86,72,120)
```
#6a7848
```
#6a7848 rgb(106,120,72)
```

Complementary Color

#485278
```
#485278 rgb(72,82,120)
```
#564878
```
#564878 rgb(86,72,120)
```
#6e4878
```
#6e4878 rgb(110,72,120)
```

Analogous Color

#527848
```
#527848 rgb(82,120,72)
```
#564878
```
#564878 rgb(86,72,120)
```
#786e48
```
#786e48 rgb(120,110,72)
```

Split Complementary Color

#487856
```
#487856 rgb(72,120,86)
```
#564878
```
#564878 rgb(86,72,120)
```
#785648
```
#785648 rgb(120,86,72)
```

Triadic Color

#486a78
```
#486a78 rgb(72,106,120)
```
#564878
```
#564878 rgb(86,72,120)
```
#785648
```
#785648 rgb(120,86,72)
```
#6a7848
```
#6a7848 rgb(106,120,72)
```

Tetradic Color

#342b48
```
#342b48 rgb(52,43,72)
```
#3f3558
```
#3f3558 rgb(63,53,88)
```
#4b3e68
```
#4b3e68 rgb(75,62,104)
```
#564878
```
#564878 rgb(86,72,120)
```
#615288
```
#615288 rgb(97,82,136)
```
#6d5b98
```
#6d5b98 rgb(109,91,152)
```
#7a68a4
```
#7a68a4 rgb(122,104,164)
```

Monochromatic Color

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

#4a4878
```
#4a4878 rgb(74,72,120)
```
#4e4878
```
#4e4878 rgb(78,72,120)
```
#524878
```
#524878 rgb(82,72,120)
```
#564878
```
#564878 rgb(86,72,120)
```
#5a4878
```
#5a4878 rgb(90,72,120)
```
#5e4878
```
#5e4878 rgb(94,72,120)
```
#624878
```
#624878 rgb(98,72,120)
```

Similar Colors

Text with hexadecimal color #564878

This text has a font color of #564878.

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

#564878 background color

This paragraph has a background color of #564878.

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

#564878 border color

This element has a border color of #564878.

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

CSS codes

.text {color:#564878;}

.background {background-color:#564878;}

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

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, #07060a is the darkest color, while #fdfcfd is the lightest one.

#07060a
```
#07060a rgb(7,6,10)
```
#100d16
```
#100d16 rgb(16,13,22)
```
#181522
```
#181522 rgb(24,21,34)
```
#211c2e
```
#211c2e rgb(33,28,46)
```
#2a233b
```
#2a233b rgb(42,35,59)
```
#332b47
```
#332b47 rgb(51,43,71)
```
#3c3253
```
#3c3253 rgb(60,50,83)
```
#44395f
```
#44395f rgb(68,57,95)
```
#4d416c
```
#4d416c rgb(77,65,108)
```
#564878
```
#564878 rgb(86,72,120)
```
#5f4f84
```
#5f4f84 rgb(95,79,132)
```
#685791
```
#685791 rgb(104,87,145)
```
#705e9d
```
#705e9d rgb(112,94,157)
```

Shade Color Variation

#7b69a5
```
#7b69a5 rgb(123,105,165)
```
#8676ad
```
#8676ad rgb(134,118,173)
```
#9082b4
```
#9082b4 rgb(144,130,180)
```
#9b8ebb
```
#9b8ebb rgb(155,142,187)
```
#a69ac3
```
#a69ac3 rgb(166,154,195)
```
#b1a7ca
```
#b1a7ca rgb(177,167,202)
```
#bcb3d1
```
#bcb3d1 rgb(188,179,209)
```
#c7bfd9
```
#c7bfd9 rgb(199,191,217)
```
#d1cbe0
```
#d1cbe0 rgb(209,203,224)
```
#dcd8e7
```
#dcd8e7 rgb(220,216,231)
```
#e7e4ef
```
#e7e4ef rgb(231,228,239)
```
#f2f0f6
```
#f2f0f6 rgb(242,240,246)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#5f5e62
```
#5f5e62 rgb(95,94,98)
```
#5c5769
```
#5c5769 rgb(92,87,105)
```
#594f71
```
#594f71 rgb(89,79,113)
```
#564878
```
#564878 rgb(86,72,120)
```
#53417f
```
#53417f rgb(83,65,127)
```
#503987
```
#503987 rgb(80,57,135)
```
#4d328e
```
#4d328e rgb(77,50,142)
```
#4a2a96
```
#4a2a96 rgb(74,42,150)
```
#47239d
```
#47239d rgb(71,35,157)
```
#441ca4
```
#441ca4 rgb(68,28,164)
```
#4014ac
```
#4014ac rgb(64,20,172)
```
#3d0db3
```
#3d0db3 rgb(61,13,179)
```
#3a06ba
```
#3a06ba rgb(58,6,186)
```

Tone Color Variation

Below, you can see how #564878 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
#53505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#475783 Protanopia 1% of men
#49587c Deuteranopia 1% of men
#57585f Tritanopia 0.001% of the population

Trichromacy

#4c517f Protanomaly 1% of men, 0.01% of women
#4d527a Deuteranomaly 6% of men, 0.4% of women
#565268 Tritanomaly 0.01% of the population

#564878 hex color

#564878 Color Information

#564878 Color Conversion

Color Schemes with #564878

Alternatives to #564878

#564878 Preview

Shades and Tints of #564878

Tones of #564878

Color Blindness Simulator