#564885 hex color

In a RGB color space, hex #564885 is composed of 33.7% red, 28.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 45.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 253.8 degrees, a saturation of 29.8% and a lightness of 40.2%. #564885 color hex could be obtained by blending #ac90ff with #00000b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 28
- B 52
RGB color chart
- C 35
- M 46
- Y 0
- K 48
CMYK color chart

● #564885 color description : Dark moderate blue.

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

Hex triplet	564885	`#564885`
RGB Decimal	86, 72, 133	`rgb(86,72,133)`
RGB Percent	33.7, 28.2, 52.2	`rgb(33.7%,28.2%,52.2%)`
CMYK	35, 46, 0, 48
HSL	253.8°, 29.8, 40.2	`hsl(253.8,29.8%,40.2%)`
HSV (or HSB)	253.8°, 45.9, 52.2
Web Safe	663399	`#663399`

CIE-LAB	34.613, 20.896, -32.268
XYZ	10.388, 8.307, 23.245
xyY	0.248, 0.198, 8.307
CIE-LCH	34.613, 38.443, 302.926
CIE-LUV	34.613, 2.308, -46.42
Hunter-Lab	28.821, 13.9, -27.644
Binary	01010110, 01001000, 10000101

#564885
```
#564885 rgb(86,72,133)
```
#778548
```
#778548 rgb(119,133,72)
```

Complementary Color

#485985
```
#485985 rgb(72,89,133)
```
#564885
```
#564885 rgb(86,72,133)
```
#754885
```
#754885 rgb(117,72,133)
```

Analogous Color

#598548
```
#598548 rgb(89,133,72)
```
#564885
```
#564885 rgb(86,72,133)
```
#857548
```
#857548 rgb(133,117,72)
```

Split Complementary Color

#488556
```
#488556 rgb(72,133,86)
```
#564885
```
#564885 rgb(86,72,133)
```
#855648
```
#855648 rgb(133,86,72)
```

Triadic Color

#487785
```
#487785 rgb(72,119,133)
```
#564885
```
#564885 rgb(86,72,133)
```
#855648
```
#855648 rgb(133,86,72)
```
#778548
```
#778548 rgb(119,133,72)
```

Tetradic Color

#362d53
```
#362d53 rgb(54,45,83)
```
#413664
```
#413664 rgb(65,54,100)
```
#4b3f74
```
#4b3f74 rgb(75,63,116)
```
#564885
```
#564885 rgb(86,72,133)
```
#615196
```
#615196 rgb(97,81,150)
```
#6c5aa6
```
#6c5aa6 rgb(108,90,166)
```
#7a6baf
```
#7a6baf rgb(122,107,175)
```

Monochromatic Color

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

#484985
```
#484985 rgb(72,73,133)
```
#4c4885
```
#4c4885 rgb(76,72,133)
```
#514885
```
#514885 rgb(81,72,133)
```
#564885
```
#564885 rgb(86,72,133)
```
#5b4885
```
#5b4885 rgb(91,72,133)
```
#604885
```
#604885 rgb(96,72,133)
```
#654885
```
#654885 rgb(101,72,133)
```

Similar Colors

Text with hexadecimal color #564885

This text has a font color of #564885.

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

#564885 background color

This paragraph has a background color of #564885.

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

#564885 border color

This element has a border color of #564885.

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

CSS codes

.text {color:#564885;}

.background {background-color:#564885;}

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0c0a12
```
#0c0a12 rgb(12,10,18)
```
#14111f
```
#14111f rgb(20,17,31)
```
#1c182c
```
#1c182c rgb(28,24,44)
```
#251f39
```
#251f39 rgb(37,31,57)
```
#2d2645
```
#2d2645 rgb(45,38,69)
```
#352c52
```
#352c52 rgb(53,44,82)
```
#3d335f
```
#3d335f rgb(61,51,95)
```
#463a6c
```
#463a6c rgb(70,58,108)
```
#4e4178
```
#4e4178 rgb(78,65,120)
```
#564885
```
#564885 rgb(86,72,133)
```
#5e4f92
```
#5e4f92 rgb(94,79,146)
```
#66569e
```
#66569e rgb(102,86,158)
```

Shade Color Variation

#705fa9
```
#705fa9 rgb(112,95,169)
```
#7b6caf
```
#7b6caf rgb(123,108,175)
```
#8779b6
```
#8779b6 rgb(135,121,182)
```
#9285bd
```
#9285bd rgb(146,133,189)
```
#9e92c4
```
#9e92c4 rgb(158,146,196)
```
#a99fcb
```
#a99fcb rgb(169,159,203)
```
#b4acd2
```
#b4acd2 rgb(180,172,210)
```
#c0b8d9
```
#c0b8d9 rgb(192,184,217)
```
#cbc5e0
```
#cbc5e0 rgb(203,197,224)
```
#d7d2e7
```
#d7d2e7 rgb(215,210,231)
```
#e2dfed
```
#e2dfed rgb(226,223,237)
```
#edebf4
```
#edebf4 rgb(237,235,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63606d is the less saturated color, while #3001cc is the most saturated one.

#63606d
```
#63606d rgb(99,96,109)
```
#5f5875
```
#5f5875 rgb(95,88,117)
```
#5a507d
```
#5a507d rgb(90,80,125)
```
#564885
```
#564885 rgb(86,72,133)
```
#52408d
```
#52408d rgb(82,64,141)
```
#4d3895
```
#4d3895 rgb(77,56,149)
```
#49309d
```
#49309d rgb(73,48,157)
```
#4528a5
```
#4528a5 rgb(69,40,165)
```
#4121ac
```
#4121ac rgb(65,33,172)
```
#3c19b4
```
#3c19b4 rgb(60,25,180)
```
#3811bc
```
#3811bc rgb(56,17,188)
```
#3409c4
```
#3409c4 rgb(52,9,196)
```
#3001cc
```
#3001cc rgb(48,1,204)
```

Tone Color Variation

Below, you can see how #564885 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
#54515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#405890 Protanopia 1% of men
#3f5a88 Deuteranopia 1% of men
#535b61 Tritanopia 0.001% of the population

Trichromacy

#48528c Protanomaly 1% of men, 0.01% of women
#475386 Deuteranomaly 6% of men, 0.4% of women
#54546e Tritanomaly 0.01% of the population

#564885 hex color

#564885 Color Information

#564885 Color Conversion

Color Schemes with #564885

Alternatives to #564885

#564885 Preview

Shades and Tints of #564885

Tones of #564885

Color Blindness Simulator