#564bd5 hex color

In a RGB color space, hex #564bd5 is composed of 33.7% red, 29.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 64.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 244.8 degrees, a saturation of 62.2% and a lightness of 56.5%. #564bd5 color hex could be obtained by blending #ac96ff with #0000ab. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 29
- B 84
RGB color chart
- C 60
- M 65
- Y 0
- K 16
CMYK color chart

● #564bd5 color description : Moderate blue.

The hexadecimal color #564bd5 has RGB values of R:86, G:75, B:213 and CMYK values of C:0.6, M:0.65, Y:0, K:0.16. Its decimal value is 5655509.

Hex triplet	564bd5	`#564bd5`
RGB Decimal	86, 75, 213	`rgb(86,75,213)`
RGB Percent	33.7, 29.4, 83.5	`rgb(33.7%,29.4%,83.5%)`
CMYK	60, 65, 0, 16
HSL	244.8°, 62.2, 56.5	`hsl(244.8,62.2%,56.5%)`
HSV (or HSB)	244.8°, 64.8, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.919, 43.703, -69.625
XYZ	18.362, 11.814, 64.26
xyY	0.194, 0.125, 11.814
CIE-LCH	40.919, 82.204, 302.116
CIE-LUV	40.919, -4.636, -103.489
Hunter-Lab	34.371, 35.207, -86.787
Binary	01010110, 01001011, 11010101

#564bd5
```
#564bd5 rgb(86,75,213)
```
#cad54b
```
#cad54b rgb(202,213,75)
```

Complementary Color

#4b85d5
```
#4b85d5 rgb(75,133,213)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#9b4bd5
```
#9b4bd5 rgb(155,75,213)
```

Analogous Color

#85d54b
```
#85d54b rgb(133,213,75)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#d59b4b
```
#d59b4b rgb(213,155,75)
```

Split Complementary Color

#4bd556
```
#4bd556 rgb(75,213,86)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#d5564b
```
#d5564b rgb(213,86,75)
```

Triadic Color

#4bcad5
```
#4bcad5 rgb(75,202,213)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#d5564b
```
#d5564b rgb(213,86,75)
```
#cad54b
```
#cad54b rgb(202,213,75)
```

Tetradic Color

#3228ab
```
#3228ab rgb(50,40,171)
```
#392dc0
```
#392dc0 rgb(57,45,192)
```
#4336d0
```
#4336d0 rgb(67,54,208)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#6960da
```
#6960da rgb(105,96,218)
```
#7d74df
```
#7d74df rgb(125,116,223)
```
#9089e3
```
#9089e3 rgb(144,137,227)
```

Monochromatic Color

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

#4b63d5
```
#4b63d5 rgb(75,99,213)
```
#4b57d5
```
#4b57d5 rgb(75,87,213)
```
#4b4cd5
```
#4b4cd5 rgb(75,76,213)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#624bd5
```
#624bd5 rgb(98,75,213)
```
#6d4bd5
```
#6d4bd5 rgb(109,75,213)
```
#794bd5
```
#794bd5 rgb(121,75,213)
```

Similar Colors

Text with hexadecimal color #564bd5

This text has a font color of #564bd5.

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

#564bd5 background color

This paragraph has a background color of #564bd5.

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

#564bd5 border color

This element has a border color of #564bd5.

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

CSS codes

.text {color:#564bd5;}

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

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

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, #03030b is the darkest color, while #fafafe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#08061b
```
#08061b rgb(8,6,27)
```
#0d0a2b
```
#0d0a2b rgb(13,10,43)
```
#110e3b
```
#110e3b rgb(17,14,59)
```
#16114a
```
#16114a rgb(22,17,74)
```
#1b155a
```
#1b155a rgb(27,21,90)
```
#1f196a
```
#1f196a rgb(31,25,106)
```
#241d7a
```
#241d7a rgb(36,29,122)
```
#29208a
```
#29208a rgb(41,32,138)
```
#2d249a
```
#2d249a rgb(45,36,154)
```
#3228aa
```
#3228aa rgb(50,40,170)
```
#372bba
```
#372bba rgb(55,43,186)
```
#3b2fca
```
#3b2fca rgb(59,47,202)
```

Shade Color Variation

#473bd1
```
#473bd1 rgb(71,59,209)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#655bd9
```
#655bd9 rgb(101,91,217)
```
#746bdc
```
#746bdc rgb(116,107,220)
```
#837be0
```
#837be0 rgb(131,123,224)
```
#928be4
```
#928be4 rgb(146,139,228)
```
#a19be8
```
#a19be8 rgb(161,155,232)
```
#b0aaeb
```
#b0aaeb rgb(176,170,235)
```
#bfbaef
```
#bfbaef rgb(191,186,239)
```
#cdcaf3
```
#cdcaf3 rgb(205,202,243)
```
#dcdaf6
```
#dcdaf6 rgb(220,218,246)
```
#ebeafa
```
#ebeafa rgb(235,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f91 is the less saturated color, while #3929f7 is the most saturated one.

#8f8f91
```
#8f8f91 rgb(143,143,145)
```
#888799
```
#888799 rgb(136,135,153)
```
#817ea2
```
#817ea2 rgb(129,126,162)
```
#7a76aa
```
#7a76aa rgb(122,118,170)
```
#736db3
```
#736db3 rgb(115,109,179)
```
#6c65bb
```
#6c65bb rgb(108,101,187)
```
#645cc4
```
#645cc4 rgb(100,92,196)
```
#5d54cc
```
#5d54cc rgb(93,84,204)
```
#564bd5
```
#564bd5 rgb(86,75,213)
```
#4f42de
```
#4f42de rgb(79,66,222)
```
#483ae6
```
#483ae6 rgb(72,58,230)
```
#4031ef
```
#4031ef rgb(64,49,239)
```
#3929f7
```
#3929f7 rgb(57,41,247)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#1f727a Tritanopia 0.001% of the population

Trichromacy

#1f5bcb Protanomaly 1% of men, 0.01% of women
#1f5fbb Deuteranomaly 6% of men, 0.4% of women
#33649b Tritanomaly 0.01% of the population

#564bd5 hex color

#564bd5 Color Information

#564bd5 Color Conversion

Color Schemes with #564bd5

Alternatives to #564bd5

#564bd5 Preview

Shades and Tints of #564bd5

Tones of #564bd5

Color Blindness Simulator