#564ea5 hex color

In a RGB color space, hex #564ea5 is composed of 33.7% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 245.5 degrees, a saturation of 35.8% and a lightness of 47.6%. #564ea5 color hex could be obtained by blending #ac9cff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 31
- B 65
RGB color chart
- C 48
- M 53
- Y 0
- K 35
CMYK color chart

● #564ea5 color description : Dark moderate blue.

The hexadecimal color #564ea5 has RGB values of R:86, G:78, B:165 and CMYK values of C:0.48, M:0.53, Y:0, K:0.35. Its decimal value is 5656229.

Hex triplet	564ea5	`#564ea5`
RGB Decimal	86, 78, 165	`rgb(86,78,165)`
RGB Percent	33.7, 30.6, 64.7	`rgb(33.7%,30.6%,64.7%)`
CMYK	48, 53, 0, 35
HSL	245.5°, 35.8, 47.6	`hsl(245.5,35.8%,47.6%)`
HSV (or HSB)	245.5°, 52.7, 64.7
Web Safe	666699	`#666699`

CIE-LAB	38.099, 26.738, -46.102
XYZ	13.352, 10.143, 36.85
xyY	0.221, 0.168, 10.143
CIE-LCH	38.099, 53.295, 300.113
CIE-LUV	38.099, -2.162, -68.168
Hunter-Lab	31.849, 19.099, -46.305
Binary	01010110, 01001110, 10100101

#564ea5
```
#564ea5 rgb(86,78,165)
```
#9da54e
```
#9da54e rgb(157,165,78)
```

Complementary Color

#4e72a5
```
#4e72a5 rgb(78,114,165)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#824ea5
```
#824ea5 rgb(130,78,165)
```

Analogous Color

#72a54e
```
#72a54e rgb(114,165,78)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#a5824e
```
#a5824e rgb(165,130,78)
```

Split Complementary Color

#4ea556
```
#4ea556 rgb(78,165,86)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#a5564e
```
#a5564e rgb(165,86,78)
```

Triadic Color

#4e9da5
```
#4e9da5 rgb(78,157,165)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#a5564e
```
#a5564e rgb(165,86,78)
```
#9da54e
```
#9da54e rgb(157,165,78)
```

Tetradic Color

#3b3571
```
#3b3571 rgb(59,53,113)
```
#443e82
```
#443e82 rgb(68,62,130)
```
#4d4694
```
#4d4694 rgb(77,70,148)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#635bb1
```
#635bb1 rgb(99,91,177)
```
#736cba
```
#736cba rgb(115,108,186)
```
#847ec2
```
#847ec2 rgb(132,126,194)
```

Monochromatic Color

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

#4e5ca5
```
#4e5ca5 rgb(78,92,165)
```
#4e55a5
```
#4e55a5 rgb(78,85,165)
```
#4f4ea5
```
#4f4ea5 rgb(79,78,165)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#5d4ea5
```
#5d4ea5 rgb(93,78,165)
```
#654ea5
```
#654ea5 rgb(101,78,165)
```
#6c4ea5
```
#6c4ea5 rgb(108,78,165)
```

Similar Colors

Text with hexadecimal color #564ea5

This text has a font color of #564ea5.

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

#564ea5 background color

This paragraph has a background color of #564ea5.

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

#564ea5 border color

This element has a border color of #564ea5.

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

CSS codes

.text {color:#564ea5;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0912
```
#0a0912 rgb(10,9,18)
```
#110f20
```
#110f20 rgb(17,15,32)
```
#18152d
```
#18152d rgb(24,21,45)
```
#1e1c3a
```
#1e1c3a rgb(30,28,58)
```
#252248
```
#252248 rgb(37,34,72)
```
#2c2855
```
#2c2855 rgb(44,40,85)
```
#332f62
```
#332f62 rgb(51,47,98)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#413b7d
```
#413b7d rgb(65,59,125)
```
#48418a
```
#48418a rgb(72,65,138)
```
#4f4898
```
#4f4898 rgb(79,72,152)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```

Shade Color Variation

#5f57b0
```
#5f57b0 rgb(95,87,176)
```
#6c64b6
```
#6c64b6 rgb(108,100,182)
```
#7972bc
```
#7972bc rgb(121,114,188)
```
#857fc2
```
#857fc2 rgb(133,127,194)
```
#928cc9
```
#928cc9 rgb(146,140,201)
```
#9f9acf
```
#9f9acf rgb(159,154,207)
```
#aba7d5
```
#aba7d5 rgb(171,167,213)
```
#b8b4dc
```
#b8b4dc rgb(184,180,220)
```
#c5c2e2
```
#c5c2e2 rgb(197,194,226)
```
#d1cfe8
```
#d1cfe8 rgb(209,207,232)
```
#dedcef
```
#dedcef rgb(222,220,239)
```
#ebeaf5
```
#ebeaf5 rgb(235,234,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#757380
```
#757380 rgb(117,115,128)
```
#6d6a89
```
#6d6a89 rgb(109,106,137)
```
#656192
```
#656192 rgb(101,97,146)
```
#5e579c
```
#5e579c rgb(94,87,156)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```
#4e45ae
```
#4e45ae rgb(78,69,174)
```
#473bb8
```
#473bb8 rgb(71,59,184)
```
#3f32c1
```
#3f32c1 rgb(63,50,193)
```
#3729ca
```
#3729ca rgb(55,41,202)
```
#301fd4
```
#301fd4 rgb(48,31,212)
```
#2816dd
```
#2816dd rgb(40,22,221)
```
#210de6
```
#210de6 rgb(33,13,230)
```
#1903f0
```
#1903f0 rgb(25,3,240)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e5fb1 Protanopia 1% of men
#1c63a4 Deuteranopia 1% of men
#49666e Tritanopia 0.001% of the population

Trichromacy

#3c59ac Protanomaly 1% of men, 0.01% of women
#315ba4 Deuteranomaly 6% of men, 0.4% of women
#4e5d82 Tritanomaly 0.01% of the population

#564ea5 hex color

#564ea5 Color Information

#564ea5 Color Conversion

Color Schemes with #564ea5

Alternatives to #564ea5

#564ea5 Preview

Shades and Tints of #564ea5

Tones of #564ea5

Color Blindness Simulator