colorhexa.com

#564585 hex color

In a RGB color space, hex #564585 is composed of 33.7% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 48.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 255.9 degrees, a saturation of 31.7% and a lightness of 39.6%. #564585 color hex could be obtained by blending #ac8aff with #00000b. Closest websafe color is: #663399.

- R 34
- G 27
- B 52
RGB color chart
- C 35
- M 48
- Y 0
- K 48
CMYK color chart

● #564585 color description : Dark moderate violet.

The hexadecimal color #564585 has RGB values of R:86, G:69, B:133 and CMYK values of C:0.35, M:0.48, Y:0, K:0.48. Its decimal value is 5653893.

Hex triplet	564585	`#564585`
RGB Decimal	86, 69, 133	`rgb(86,69,133)`
RGB Percent	33.7, 27.1, 52.2	`rgb(33.7%,27.1%,52.2%)`
CMYK	35, 48, 0, 48
HSL	255.9°, 31.7, 39.6	`hsl(255.9,31.7%,39.6%)`
HSV (or HSB)	255.9°, 48.1, 52.2
Web Safe	663399	`#663399`

CIE-LAB	33.833, 22.801, -33.506
XYZ	10.199, 7.928, 23.182
xyY	0.247, 0.192, 7.928
CIE-LCH	33.833, 40.528, 304.235
CIE-LUV	33.833, 3.301, -48.019
Hunter-Lab	28.157, 15.381, -29.105
Binary	01010110, 01000101, 10000101

#564585
```
#564585 rgb(86,69,133)
```
#748545
```
#748545 rgb(116,133,69)
```

Complementary Color

#455485
```
#455485 rgb(69,84,133)
```
#564585
```
#564585 rgb(86,69,133)
```
#764585
```
#764585 rgb(118,69,133)
```

Analogous Color

#548545
```
#548545 rgb(84,133,69)
```
#564585
```
#564585 rgb(86,69,133)
```
#857645
```
#857645 rgb(133,118,69)
```

Split Complementary Color

#458556
```
#458556 rgb(69,133,86)
```
#564585
```
#564585 rgb(86,69,133)
```
#855645
```
#855645 rgb(133,86,69)
```

Triadic Color

#457485
```
#457485 rgb(69,116,133)
```
#564585
```
#564585 rgb(86,69,133)
```
#855645
```
#855645 rgb(133,86,69)
```
#748545
```
#748545 rgb(116,133,69)
```

Tetradic Color

#352b53
```
#352b53 rgb(53,43,83)
```
#403463
```
#403463 rgb(64,52,99)
```
#4b3c74
```
#4b3c74 rgb(75,60,116)
```
#564585
```
#564585 rgb(86,69,133)
```
#614e96
```
#614e96 rgb(97,78,150)
```
#6c56a7
```
#6c56a7 rgb(108,86,167)
```
#7a67b0
```
#7a67b0 rgb(122,103,176)
```

Monochromatic Color

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

#464585
```
#464585 rgb(70,69,133)
```
#4b4585
```
#4b4585 rgb(75,69,133)
```
#514585
```
#514585 rgb(81,69,133)
```
#564585
```
#564585 rgb(86,69,133)
```
#5b4585
```
#5b4585 rgb(91,69,133)
```
#614585
```
#614585 rgb(97,69,133)
```
#664585
```
#664585 rgb(102,69,133)
```

Similar Colors

Text with hexadecimal color #564585

This text has a font color of #564585.

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

#564585 background color

This paragraph has a background color of #564585.

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

#564585 border color

This element has a border color of #564585.

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

CSS codes

.text {color:#564585;}

.background {background-color:#564585;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0b0911
```
#0b0911 rgb(11,9,17)
```
#130f1e
```
#130f1e rgb(19,15,30)
```
#1c162b
```
#1c162b rgb(28,22,43)
```
#241d38
```
#241d38 rgb(36,29,56)
```
#2c2344
```
#2c2344 rgb(44,35,68)
```
#352a51
```
#352a51 rgb(53,42,81)
```
#3d315e
```
#3d315e rgb(61,49,94)
```
#45386b
```
#45386b rgb(69,56,107)
```
#4e3e78
```
#4e3e78 rgb(78,62,120)
```
#564585
```
#564585 rgb(86,69,133)
```
#5e4c92
```
#5e4c92 rgb(94,76,146)
```
#67529f
```
#67529f rgb(103,82,159)
```

Shade Color Variation

#705baa
```
#705baa rgb(112,91,170)
```
#7b68b1
```
#7b68b1 rgb(123,104,177)
```
#8675b7
```
#8675b7 rgb(134,117,183)
```
#9282be
```
#9282be rgb(146,130,190)
```
#9d8fc5
```
#9d8fc5 rgb(157,143,197)
```
#a89ccb
```
#a89ccb rgb(168,156,203)
```
#b4a8d2
```
#b4a8d2 rgb(180,168,210)
```
#bfb5d9
```
#bfb5d9 rgb(191,181,217)
```
#cac2df
```
#cac2df rgb(202,194,223)
```
#d5cfe6
```
#d5cfe6 rgb(213,207,230)
```
#e1dced
```
#e1dced rgb(225,220,237)
```
#ece9f4
```
#ece9f4 rgb(236,233,244)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656466 is the less saturated color, while #3907c3 is the most saturated one.

#656466
```
#656466 rgb(101,100,102)
```
#615c6e
```
#615c6e rgb(97,92,110)
```
#5d5575
```
#5d5575 rgb(93,85,117)
```
#5a4d7d
```
#5a4d7d rgb(90,77,125)
```
#564585
```
#564585 rgb(86,69,133)
```
#523d8d
```
#523d8d rgb(82,61,141)
```
#4f3595
```
#4f3595 rgb(79,53,149)
```
#4b2e9c
```
#4b2e9c rgb(75,46,156)
```
#4726a4
```
#4726a4 rgb(71,38,164)
```
#441eac
```
#441eac rgb(68,30,172)
```
#4016b4
```
#4016b4 rgb(64,22,180)
```
#3d0fbb
```
#3d0fbb rgb(61,15,187)
```
#3907c3
```
#3907c3 rgb(57,7,195)
```

Tone Color Variation

Below, you can see how #564585 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
#524f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5691 Protanopia 1% of men
#3b5887 Deuteranopia 1% of men
#53595f Tritanopia 0.001% of the population

Trichromacy

#45508d Protanomaly 1% of men, 0.01% of women
#445186 Deuteranomaly 6% of men, 0.4% of women
#54516d Tritanomaly 0.01% of the population