#564dcf hex color

In a RGB color space, hex #564dcf is composed of 33.7% red, 30.2% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 62.8% magenta, 0% yellow and 18.8% black. It has a hue angle of 244.2 degrees, a saturation of 57.5% and a lightness of 55.7%. #564dcf color hex could be obtained by blending #ac9aff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 30
- B 81
RGB color chart
- C 58
- M 63
- Y 0
- K 19
CMYK color chart

● #564dcf color description : Moderate blue.

The hexadecimal color #564dcf has RGB values of R:86, G:77, B:207 and CMYK values of C:0.58, M:0.63, Y:0, K:0.19. Its decimal value is 5656015.

Hex triplet	564dcf	`#564dcf`
RGB Decimal	86, 77, 207	`rgb(86,77,207)`
RGB Percent	33.7, 30.2, 81.2	`rgb(33.7%,30.2%,81.2%)`
CMYK	58, 63, 0, 19
HSL	244.2°, 57.5, 55.7	`hsl(244.2,57.5%,55.7%)`
HSV (or HSB)	244.2°, 62.8, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.881, 40.629, -66.232
XYZ	17.752, 11.79, 60.368
xyY	0.197, 0.131, 11.79
CIE-LCH	40.881, 77.701, 301.526
CIE-LUV	40.881, -4.701, -98.799
Hunter-Lab	34.337, 32.192, -80.202
Binary	01010110, 01001101, 11001111

#564dcf
```
#564dcf rgb(86,77,207)
```
#c6cf4d
```
#c6cf4d rgb(198,207,77)
```

Complementary Color

#4d85cf
```
#4d85cf rgb(77,133,207)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#974dcf
```
#974dcf rgb(151,77,207)
```

Analogous Color

#85cf4d
```
#85cf4d rgb(133,207,77)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#cf974d
```
#cf974d rgb(207,151,77)
```

Split Complementary Color

#4dcf56
```
#4dcf56 rgb(77,207,86)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#cf564d
```
#cf564d rgb(207,86,77)
```

Triadic Color

#4dc6cf
```
#4dc6cf rgb(77,198,207)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#cf564d
```
#cf564d rgb(207,86,77)
```
#c6cf4d
```
#c6cf4d rgb(198,207,77)
```

Tetradic Color

#342ca3
```
#342ca3 rgb(52,44,163)
```
#3b31b8
```
#3b31b8 rgb(59,49,184)
```
#4339ca
```
#4339ca rgb(67,57,202)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#6961d4
```
#6961d4 rgb(105,97,212)
```
#7c75da
```
#7c75da rgb(124,117,218)
```
#8f89df
```
#8f89df rgb(143,137,223)
```

Monochromatic Color

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

#4d65cf
```
#4d65cf rgb(77,101,207)
```
#4d5acf
```
#4d5acf rgb(77,90,207)
```
#4d4fcf
```
#4d4fcf rgb(77,79,207)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#614dcf
```
#614dcf rgb(97,77,207)
```
#6c4dcf
```
#6c4dcf rgb(108,77,207)
```
#774dcf
```
#774dcf rgb(119,77,207)
```

Similar Colors

Text with hexadecimal color #564dcf

This text has a font color of #564dcf.

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

#564dcf background color

This paragraph has a background color of #564dcf.

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

#564dcf border color

This element has a border color of #564dcf.

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

CSS codes

.text {color:#564dcf;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070617
```
#070617 rgb(7,6,23)
```
#0c0a26
```
#0c0a26 rgb(12,10,38)
```
#110e36
```
#110e36 rgb(17,14,54)
```
#161345
```
#161345 rgb(22,19,69)
```
#1b1755
```
#1b1755 rgb(27,23,85)
```
#201b64
```
#201b64 rgb(32,27,100)
```
#251f74
```
#251f74 rgb(37,31,116)
```
#2a2383
```
#2a2383 rgb(42,35,131)
```
#2f2792
```
#2f2792 rgb(47,39,146)
```
#342ca2
```
#342ca2 rgb(52,44,162)
```
#3930b1
```
#3930b1 rgb(57,48,177)
```
#3e34c1
```
#3e34c1 rgb(62,52,193)
```

Shade Color Variation

#473ecb
```
#473ecb rgb(71,62,203)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#655cd3
```
#655cd3 rgb(101,92,211)
```
#736cd7
```
#736cd7 rgb(115,108,215)
```
#827bdb
```
#827bdb rgb(130,123,219)
```
#918be0
```
#918be0 rgb(145,139,224)
```
#9f9ae4
```
#9f9ae4 rgb(159,154,228)
```
#aeaae8
```
#aeaae8 rgb(174,170,232)
```
#bdb9ec
```
#bdb9ec rgb(189,185,236)
```
#cbc9f0
```
#cbc9f0 rgb(203,201,240)
```
#dad8f4
```
#dad8f4 rgb(218,216,244)
```
#e9e7f9
```
#e9e7f9 rgb(233,231,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#8a8a92
```
#8a8a92 rgb(138,138,146)
```
#83819b
```
#83819b rgb(131,129,155)
```
#7b78a4
```
#7b78a4 rgb(123,120,164)
```
#7470ac
```
#7470ac rgb(116,112,172)
```
#6c67b5
```
#6c67b5 rgb(108,103,181)
```
#655ebe
```
#655ebe rgb(101,94,190)
```
#5d56c6
```
#5d56c6 rgb(93,86,198)
```
#564dcf
```
#564dcf rgb(86,77,207)
```
#4f44d8
```
#4f44d8 rgb(79,68,216)
```
#473ce0
```
#473ce0 rgb(71,60,224)
```
#4033e9
```
#4033e9 rgb(64,51,233)
```
#382af2
```
#382af2 rgb(56,42,242)
```
#3122fa
```
#3122fa rgb(49,34,250)
```

Tone Color Variation

Below, you can see how #564dcf 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
#5d5b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1f5cc9 Protanomaly 1% of men, 0.01% of women
#1f60b9 Deuteranomaly 6% of men, 0.4% of women
#3a6498 Tritanomaly 0.01% of the population

#564dcf hex color

#564dcf Color Information

#564dcf Color Conversion

Color Schemes with #564dcf

Alternatives to #564dcf

#564dcf Preview

Shades and Tints of #564dcf

Tones of #564dcf

Color Blindness Simulator