#564dee hex color

In a RGB color space, hex #564dee is composed of 33.7% red, 30.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 67.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 243.4 degrees, a saturation of 82.6% and a lightness of 61.8%. #564dee color hex could be obtained by blending #ac9aff with #0000dd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 30
- B 93
RGB color chart
- C 64
- M 68
- Y 0
- K 7
CMYK color chart

● #564dee color description : Soft blue.

The hexadecimal color #564dee has RGB values of R:86, G:77, B:238 and CMYK values of C:0.64, M:0.68, Y:0, K:0.07. Its decimal value is 5656046.

Hex triplet	564dee	`#564dee`
RGB Decimal	86, 77, 238	`rgb(86,77,238)`
RGB Percent	33.7, 30.2, 93.3	`rgb(33.7%,30.2%,93.3%)`
CMYK	64, 68, 0, 7
HSL	243.4°, 82.6, 61.8	`hsl(243.4,82.6%,61.8%)`
HSV (or HSB)	243.4°, 67.6, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	43.446, 50.397, -79.711
XYZ	21.921, 13.458, 82.327
xyY	0.186, 0.114, 13.458
CIE-LCH	43.446, 94.306, 302.303
CIE-LUV	43.446, -6.542, -119.2
Hunter-Lab	36.685, 42.462, -107.374
Binary	01010110, 01001101, 11101110

#564dee
```
#564dee rgb(86,77,238)
```
#e5ee4d
```
#e5ee4d rgb(229,238,77)
```

Complementary Color

#4d95ee
```
#4d95ee rgb(77,149,238)
```
#564dee
```
#564dee rgb(86,77,238)
```
#a74dee
```
#a74dee rgb(167,77,238)
```

Analogous Color

#95ee4d
```
#95ee4d rgb(149,238,77)
```
#564dee
```
#564dee rgb(86,77,238)
```
#eea74d
```
#eea74d rgb(238,167,77)
```

Split Complementary Color

#4dee56
```
#4dee56 rgb(77,238,86)
```
#564dee
```
#564dee rgb(86,77,238)
```
#ee564d
```
#ee564d rgb(238,86,77)
```

Triadic Color

#4de5ee
```
#4de5ee rgb(77,229,238)
```
#564dee
```
#564dee rgb(86,77,238)
```
#ee564d
```
#ee564d rgb(238,86,77)
```
#e5ee4d
```
#e5ee4d rgb(229,238,77)
```

Tetradic Color

#2015da
```
#2015da rgb(32,21,218)
```
#2a1eea
```
#2a1eea rgb(42,30,234)
```
#4036ec
```
#4036ec rgb(64,54,236)
```
#564dee
```
#564dee rgb(86,77,238)
```
#6c64f0
```
#6c64f0 rgb(108,100,240)
```
#827cf2
```
#827cf2 rgb(130,124,242)
```
#9893f5
```
#9893f5 rgb(152,147,245)
```

Monochromatic Color

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

#4d6cee
```
#4d6cee rgb(77,108,238)
```
#4d5fee
```
#4d5fee rgb(77,95,238)
```
#4d51ee
```
#4d51ee rgb(77,81,238)
```
#564dee
```
#564dee rgb(86,77,238)
```
#634dee
```
#634dee rgb(99,77,238)
```
#714dee
```
#714dee rgb(113,77,238)
```
#7e4dee
```
#7e4dee rgb(126,77,238)
```

Similar Colors

Text with hexadecimal color #564dee

This text has a font color of #564dee.

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

#564dee background color

This paragraph has a background color of #564dee.

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

#564dee border color

This element has a border color of #564dee.

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

CSS codes

.text {color:#564dee;}

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

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

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 #efeefd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030213
```
#030213 rgb(3,2,19)
```
#050425
```
#050425 rgb(5,4,37)
```
#080537
```
#080537 rgb(8,5,55)
```
#0b0749
```
#0b0749 rgb(11,7,73)
```
#0d095b
```
#0d095b rgb(13,9,91)
```
#100a6c
```
#100a6c rgb(16,10,108)
```
#120c7e
```
#120c7e rgb(18,12,126)
```
#150e90
```
#150e90 rgb(21,14,144)
```
#180fa2
```
#180fa2 rgb(24,15,162)
```
#1a11b4
```
#1a11b4 rgb(26,17,180)
```
#1d13c6
```
#1d13c6 rgb(29,19,198)
```
#2015d8
```
#2015d8 rgb(32,21,216)
```

Shade Color Variation

#2317e9
```
#2317e9 rgb(35,23,233)
```
#3429eb
```
#3429eb rgb(52,41,235)
```
#453bec
```
#453bec rgb(69,59,236)
```
#564dee
```
#564dee rgb(86,77,238)
```
#675ff0
```
#675ff0 rgb(103,95,240)
```
#7871f1
```
#7871f1 rgb(120,113,241)
```
#8983f3
```
#8983f3 rgb(137,131,243)
```
#9a95f5
```
#9a95f5 rgb(154,149,245)
```
#aba7f7
```
#aba7f7 rgb(171,167,247)
```
#bcb8f8
```
#bcb8f8 rgb(188,184,248)
```
#cdcafa
```
#cdcafa rgb(205,202,250)
```
#dedcfc
```
#dedcfc rgb(222,220,252)
```
#efeefd
```
#efeefd rgb(239,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9998a3 is the less saturated color, while #493efd is the most saturated one.

#9998a3
```
#9998a3 rgb(153,152,163)
```
#9291ab
```
#9291ab rgb(146,145,171)
```
#8b89b2
```
#8b89b2 rgb(139,137,178)
```
#8582ba
```
#8582ba rgb(133,130,186)
```
#7e7ac1
```
#7e7ac1 rgb(126,122,193)
```
#7773c9
```
#7773c9 rgb(119,115,201)
```
#716bd0
```
#716bd0 rgb(113,107,208)
```
#6a64d8
```
#6a64d8 rgb(106,100,216)
```
#635cdf
```
#635cdf rgb(99,92,223)
```
#5d55e7
```
#5d55e7 rgb(93,85,231)
```
#564dee
```
#564dee rgb(86,77,238)
```
#4f46f6
```
#4f46f6 rgb(79,70,246)
```
#493efd
```
#493efd rgb(73,62,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#605e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1f60db Protanomaly 1% of men, 0.01% of women
#1f64ca Deuteranomaly 6% of men, 0.4% of women
#1f69a8 Tritanomaly 0.01% of the population

#564dee hex color

#564dee Color Information

#564dee Color Conversion

Color Schemes with #564dee

Alternatives to #564dee

#564dee Preview

Shades and Tints of #564dee

Tones of #564dee

Color Blindness Simulator