#564fa5 hex color

In a RGB color space, hex #564fa5 is composed of 33.7% red, 31% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 52.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 244.9 degrees, a saturation of 35.2% and a lightness of 47.8%. #564fa5 color hex could be obtained by blending #ac9eff with #00004b. Closest websafe color is: #666699.

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

● #564fa5 color description : Dark moderate blue.

The hexadecimal color #564fa5 has RGB values of R:86, G:79, B:165 and CMYK values of C:0.48, M:0.52, Y:0, K:0.35. Its decimal value is 5656485.

Hex triplet	564fa5	`#564fa5`
RGB Decimal	86, 79, 165	`rgb(86,79,165)`
RGB Percent	33.7, 31, 64.7	`rgb(33.7%,31%,64.7%)`
CMYK	48, 52, 0, 35
HSL	244.9°, 35.2, 47.8	`hsl(244.9,35.2%,47.8%)`
HSV (or HSB)	244.9°, 52.1, 64.7
Web Safe	666699	`#666699`

CIE-LAB	38.352, 26.11, -45.695
XYZ	13.424, 10.287, 36.873
xyY	0.222, 0.17, 10.287
CIE-LCH	38.352, 52.629, 299.743
CIE-LUV	38.352, -2.457, -67.67
Hunter-Lab	32.073, 18.583, -45.713
Binary	01010110, 01001111, 10100101

#564fa5
```
#564fa5 rgb(86,79,165)
```
#9ea54f
```
#9ea54f rgb(158,165,79)
```

Complementary Color

#4f73a5
```
#4f73a5 rgb(79,115,165)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#814fa5
```
#814fa5 rgb(129,79,165)
```

Analogous Color

#73a54f
```
#73a54f rgb(115,165,79)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#a5814f
```
#a5814f rgb(165,129,79)
```

Split Complementary Color

#4fa556
```
#4fa556 rgb(79,165,86)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#a5564f
```
#a5564f rgb(165,86,79)
```

Triadic Color

#4f9ea5
```
#4f9ea5 rgb(79,158,165)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#a5564f
```
#a5564f rgb(165,86,79)
```
#9ea54f
```
#9ea54f rgb(158,165,79)
```

Tetradic Color

#3b3671
```
#3b3671 rgb(59,54,113)
```
#443e83
```
#443e83 rgb(68,62,131)
```
#4d4794
```
#4d4794 rgb(77,71,148)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#635cb1
```
#635cb1 rgb(99,92,177)
```
#746eb9
```
#746eb9 rgb(116,110,185)
```
#847fc2
```
#847fc2 rgb(132,127,194)
```

Monochromatic Color

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

#4f5ea5
```
#4f5ea5 rgb(79,94,165)
```
#4f56a5
```
#4f56a5 rgb(79,86,165)
```
#4f4fa5
```
#4f4fa5 rgb(79,79,165)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#5d4fa5
```
#5d4fa5 rgb(93,79,165)
```
#644fa5
```
#644fa5 rgb(100,79,165)
```
#6c4fa5
```
#6c4fa5 rgb(108,79,165)
```

Similar Colors

Text with hexadecimal color #564fa5

This text has a font color of #564fa5.

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

#564fa5 background color

This paragraph has a background color of #564fa5.

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

#564fa5 border color

This element has a border color of #564fa5.

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

CSS codes

.text {color:#564fa5;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0913
```
#0a0913 rgb(10,9,19)
```
#110f20
```
#110f20 rgb(17,15,32)
```
#18162e
```
#18162e rgb(24,22,46)
```
#1f1c3b
```
#1f1c3b rgb(31,28,59)
```
#262348
```
#262348 rgb(38,35,72)
```
#2d2955
```
#2d2955 rgb(45,41,85)
```
#332f63
```
#332f63 rgb(51,47,99)
```
#3a3670
```
#3a3670 rgb(58,54,112)
```
#413c7d
```
#413c7d rgb(65,60,125)
```
#48428a
```
#48428a rgb(72,66,138)
```
#4f4998
```
#4f4998 rgb(79,73,152)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```

Shade Color Variation

#5f58af
```
#5f58af rgb(95,88,175)
```
#6c66b6
```
#6c66b6 rgb(108,102,182)
```
#7973bc
```
#7973bc rgb(121,115,188)
```
#8680c2
```
#8680c2 rgb(134,128,194)
```
#928dc9
```
#928dc9 rgb(146,141,201)
```
#9f9bcf
```
#9f9bcf rgb(159,155,207)
```
#aca8d5
```
#aca8d5 rgb(172,168,213)
```
#b8b5dc
```
#b8b5dc rgb(184,181,220)
```
#c5c3e2
```
#c5c3e2 rgb(197,195,226)
```
#d2d0e8
```
#d2d0e8 rgb(210,208,232)
```
#deddef
```
#deddef rgb(222,221,239)
```
#ebeaf5
```
#ebeaf5 rgb(235,234,245)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#75757f
```
#75757f rgb(117,117,127)
```
#6e6b89
```
#6e6b89 rgb(110,107,137)
```
#666292
```
#666292 rgb(102,98,146)
```
#5e589c
```
#5e589c rgb(94,88,156)
```
#564fa5
```
#564fa5 rgb(86,79,165)
```
#4e46ae
```
#4e46ae rgb(78,70,174)
```
#463cb8
```
#463cb8 rgb(70,60,184)
```
#3e33c1
```
#3e33c1 rgb(62,51,193)
```
#3729cb
```
#3729cb rgb(55,41,203)
```
#2f20d4
```
#2f20d4 rgb(47,32,212)
```
#2717dd
```
#2717dd rgb(39,23,221)
```
#1f0de7
```
#1f0de7 rgb(31,13,231)
```
#1704f0
```
#1704f0 rgb(23,4,240)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a596a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3060b0 Protanopia 1% of men
#2064a4 Deuteranopia 1% of men
#49676f Tritanopia 0.001% of the population

Trichromacy

#3e59ac Protanomaly 1% of men, 0.01% of women
#345ca4 Deuteranomaly 6% of men, 0.4% of women
#4e5e82 Tritanomaly 0.01% of the population

#564fa5 hex color

#564fa5 Color Information

#564fa5 Color Conversion

Color Schemes with #564fa5

Alternatives to #564fa5

#564fa5 Preview

Shades and Tints of #564fa5

Tones of #564fa5

Color Blindness Simulator