#564cdc hex color

In a RGB color space, hex #564cdc is composed of 33.7% red, 29.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 65.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 244.2 degrees, a saturation of 67.3% and a lightness of 58%. #564cdc color hex could be obtained by blending #ac98ff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 30
- B 86
RGB color chart
- C 61
- M 65
- Y 0
- K 14
CMYK color chart

● #564cdc color description : Soft blue.

The hexadecimal color #564cdc has RGB values of R:86, G:76, B:220 and CMYK values of C:0.61, M:0.65, Y:0, K:0.14. Its decimal value is 5655772.

Hex triplet	564cdc	`#564cdc`
RGB Decimal	86, 76, 220	`rgb(86,76,220)`
RGB Percent	33.7, 29.8, 86.3	`rgb(33.7%,29.8%,86.3%)`
CMYK	61, 65, 0, 14
HSL	244.2°, 67.3, 58	`hsl(244.2,67.3%,58%)`
HSV (or HSB)	244.2°, 65.5, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.711, 45.324, -72.34
XYZ	19.338, 12.314, 69.064
xyY	0.192, 0.122, 12.314
CIE-LCH	41.711, 85.366, 302.069
CIE-LUV	41.711, -5.284, -107.822
Hunter-Lab	35.091, 36.958, -92.127
Binary	01010110, 01001100, 11011100

#564cdc
```
#564cdc rgb(86,76,220)
```
#d2dc4c
```
#d2dc4c rgb(210,220,76)
```

Complementary Color

#4c8adc
```
#4c8adc rgb(76,138,220)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#9e4cdc
```
#9e4cdc rgb(158,76,220)
```

Analogous Color

#8adc4c
```
#8adc4c rgb(138,220,76)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#dc9e4c
```
#dc9e4c rgb(220,158,76)
```

Split Complementary Color

#4cdc56
```
#4cdc56 rgb(76,220,86)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#dc564c
```
#dc564c rgb(220,86,76)
```

Triadic Color

#4cd2dc
```
#4cd2dc rgb(76,210,220)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#dc564c
```
#dc564c rgb(220,86,76)
```
#d2dc4c
```
#d2dc4c rgb(210,220,76)
```

Tetradic Color

#2e24b8
```
#2e24b8 rgb(46,36,184)
```
#3428cd
```
#3428cd rgb(52,40,205)
```
#4237d8
```
#4237d8 rgb(66,55,216)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#6a61e0
```
#6a61e0 rgb(106,97,224)
```
#7e77e4
```
#7e77e4 rgb(126,119,228)
```
#928ce9
```
#928ce9 rgb(146,140,233)
```

Monochromatic Color

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

#4c66dc
```
#4c66dc rgb(76,102,220)
```
#4c5adc
```
#4c5adc rgb(76,90,220)
```
#4c4edc
```
#4c4edc rgb(76,78,220)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#624cdc
```
#624cdc rgb(98,76,220)
```
#6e4cdc
```
#6e4cdc rgb(110,76,220)
```
#7a4cdc
```
#7a4cdc rgb(122,76,220)
```

Similar Colors

Text with hexadecimal color #564cdc

This text has a font color of #564cdc.

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

#564cdc background color

This paragraph has a background color of #564cdc.

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

#564cdc border color

This element has a border color of #564cdc.

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

CSS codes

.text {color:#564cdc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040312
```
#040312 rgb(4,3,18)
```
#090722
```
#090722 rgb(9,7,34)
```
#0d0a33
```
#0d0a33 rgb(13,10,51)
```
#110d43
```
#110d43 rgb(17,13,67)
```
#151054
```
#151054 rgb(21,16,84)
```
#191464
```
#191464 rgb(25,20,100)
```
#1d1774
```
#1d1774 rgb(29,23,116)
```
#211a85
```
#211a85 rgb(33,26,133)
```
#251d95
```
#251d95 rgb(37,29,149)
```
#2a20a6
```
#2a20a6 rgb(42,32,166)
```
#2e24b6
```
#2e24b6 rgb(46,36,182)
```
#3227c6
```
#3227c6 rgb(50,39,198)
```

Shade Color Variation

#372bd6
```
#372bd6 rgb(55,43,214)
```
#473cd9
```
#473cd9 rgb(71,60,217)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#655cdf
```
#655cdf rgb(101,92,223)
```
#756de2
```
#756de2 rgb(117,109,226)
```
#847de6
```
#847de6 rgb(132,125,230)
```
#948ee9
```
#948ee9 rgb(148,142,233)
```
#a39eec
```
#a39eec rgb(163,158,236)
```
#b3aeef
```
#b3aeef rgb(179,174,239)
```
#c2bff2
```
#c2bff2 rgb(194,191,242)
```
#d2cff6
```
#d2cff6 rgb(210,207,246)
```
#e1e0f9
```
#e1e0f9 rgb(225,224,249)
```
#f1f0fc
```
#f1f0fc rgb(241,240,252)
```

Tint Color Variation

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

#8f8e9a
```
#8f8e9a rgb(143,142,154)
```
#8886a2
```
#8886a2 rgb(136,134,162)
```
#817dab
```
#817dab rgb(129,125,171)
```
#7975b3
```
#7975b3 rgb(121,117,179)
```
#726dbb
```
#726dbb rgb(114,109,187)
```
#6b65c3
```
#6b65c3 rgb(107,101,195)
```
#645ccc
```
#645ccc rgb(100,92,204)
```
#5d54d4
```
#5d54d4 rgb(93,84,212)
```
#564cdc
```
#564cdc rgb(86,76,220)
```
#4f44e4
```
#4f44e4 rgb(79,68,228)
```
#483cec
```
#483cec rgb(72,60,236)
```
#4133f5
```
#4133f5 rgb(65,51,245)
```
#3a2bfd
```
#3a2bfd rgb(58,43,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00747d Tritanopia 0.001% of the population

Trichromacy

#1f5dd0 Protanomaly 1% of men, 0.01% of women
#1f61c0 Deuteranomaly 6% of men, 0.4% of women
#1f669f Tritanomaly 0.01% of the population

#564cdc hex color

#564cdc Color Information

#564cdc Color Conversion

Color Schemes with #564cdc

Alternatives to #564cdc

#564cdc Preview

Shades and Tints of #564cdc

Tones of #564cdc

Color Blindness Simulator