#564eed hex color

In a RGB color space, hex #564eed is composed of 33.7% red, 30.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 67.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 243 degrees, a saturation of 81.5% and a lightness of 61.8%. #564eed color hex could be obtained by blending #ac9cff with #0000db. Closest websafe color is: #6666ff.

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

● #564eed color description : Soft blue.

The hexadecimal color #564eed has RGB values of R:86, G:78, B:237 and CMYK values of C:0.64, M:0.67, Y:0, K:0.07. Its decimal value is 5656301.

Hex triplet	564eed	`#564eed`
RGB Decimal	86, 78, 237	`rgb(86,78,237)`
RGB Percent	33.7, 30.6, 92.9	`rgb(33.7%,30.6%,92.9%)`
CMYK	64, 67, 0, 7
HSL	243°, 81.5, 61.8	`hsl(243,81.5%,61.8%)`
HSV (or HSB)	243°, 67.1, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	43.567, 49.52, -78.949
XYZ	21.845, 13.541, 81.579
xyY	0.187, 0.116, 13.541
CIE-LCH	43.567, 93.194, 302.098
CIE-LUV	43.567, -6.683, -118.301
Hunter-Lab	36.798, 41.572, -105.685
Binary	01010110, 01001110, 11101101

#564eed
```
#564eed rgb(86,78,237)
```
#e5ed4e
```
#e5ed4e rgb(229,237,78)
```

Complementary Color

#4e96ed
```
#4e96ed rgb(78,150,237)
```
#564eed
```
#564eed rgb(86,78,237)
```
#a64eed
```
#a64eed rgb(166,78,237)
```

Analogous Color

#96ed4e
```
#96ed4e rgb(150,237,78)
```
#564eed
```
#564eed rgb(86,78,237)
```
#eda64e
```
#eda64e rgb(237,166,78)
```

Split Complementary Color

#4eed56
```
#4eed56 rgb(78,237,86)
```
#564eed
```
#564eed rgb(86,78,237)
```
#ed564e
```
#ed564e rgb(237,86,78)
```

Triadic Color

#4ee5ed
```
#4ee5ed rgb(78,229,237)
```
#564eed
```
#564eed rgb(86,78,237)
```
#ed564e
```
#ed564e rgb(237,86,78)
```
#e5ed4e
```
#e5ed4e rgb(229,237,78)
```

Tetradic Color

#2016d8
```
#2016d8 rgb(32,22,216)
```
#2a20e8
```
#2a20e8 rgb(42,32,232)
```
#4037eb
```
#4037eb rgb(64,55,235)
```
#564eed
```
#564eed rgb(86,78,237)
```
#6c65ef
```
#6c65ef rgb(108,101,239)
```
#827cf2
```
#827cf2 rgb(130,124,242)
```
#9893f4
```
#9893f4 rgb(152,147,244)
```

Monochromatic Color

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

#4e6eed
```
#4e6eed rgb(78,110,237)
```
#4e60ed
```
#4e60ed rgb(78,96,237)
```
#4e53ed
```
#4e53ed rgb(78,83,237)
```
#564eed
```
#564eed rgb(86,78,237)
```
#634eed
```
#634eed rgb(99,78,237)
```
#714eed
```
#714eed rgb(113,78,237)
```
#7e4eed
```
#7e4eed rgb(126,78,237)
```

Similar Colors

Text with hexadecimal color #564eed

This text has a font color of #564eed.

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

#564eed background color

This paragraph has a background color of #564eed.

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

#564eed border color

This element has a border color of #564eed.

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

CSS codes

.text {color:#564eed;}

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

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

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)
```
#080636
```
#080636 rgb(8,6,54)
```
#0b0748
```
#0b0748 rgb(11,7,72)
```
#0d095a
```
#0d095a rgb(13,9,90)
```
#100b6c
```
#100b6c rgb(16,11,108)
```
#120d7e
```
#120d7e rgb(18,13,126)
```
#150f8f
```
#150f8f rgb(21,15,143)
```
#1810a1
```
#1810a1 rgb(24,16,161)
```
#1a12b3
```
#1a12b3 rgb(26,18,179)
```
#1d14c5
```
#1d14c5 rgb(29,20,197)
```
#2016d7
```
#2016d7 rgb(32,22,215)
```

Shade Color Variation

#2319e8
```
#2319e8 rgb(35,25,232)
```
#342ae9
```
#342ae9 rgb(52,42,233)
```
#453ceb
```
#453ceb rgb(69,60,235)
```
#564eed
```
#564eed rgb(86,78,237)
```
#6760ef
```
#6760ef rgb(103,96,239)
```
#7872f1
```
#7872f1 rgb(120,114,241)
```
#8983f2
```
#8983f2 rgb(137,131,242)
```
#9a95f4
```
#9a95f4 rgb(154,149,244)
```
#aba7f6
```
#aba7f6 rgb(171,167,246)
```
#bcb9f8
```
#bcb9f8 rgb(188,185,248)
```
#cdcbfa
```
#cdcbfa rgb(205,203,250)
```
#dedcfb
```
#dedcfb rgb(222,220,251)
```
#efeefd
```
#efeefd rgb(239,238,253)
```

Tint Color Variation

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

#9999a2
```
#9999a2 rgb(153,153,162)
```
#9392aa
```
#9392aa rgb(147,146,170)
```
#8c8ab1
```
#8c8ab1 rgb(140,138,177)
```
#8583b9
```
#8583b9 rgb(133,131,185)
```
#7e7bc0
```
#7e7bc0 rgb(126,123,192)
```
#7874c8
```
#7874c8 rgb(120,116,200)
```
#716ccf
```
#716ccf rgb(113,108,207)
```
#6a65d7
```
#6a65d7 rgb(106,101,215)
```
#635dde
```
#635dde rgb(99,93,222)
```
#5d56e6
```
#5d56e6 rgb(93,86,230)
```
#564eed
```
#564eed rgb(86,78,237)
```
#4f47f5
```
#4f47f5 rgb(79,71,245)
```
#493ffc
```
#493ffc rgb(73,63,252)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#605f7f 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

#564eed hex color

#564eed Color Information

#564eed Color Conversion

Color Schemes with #564eed

Alternatives to #564eed

#564eed Preview

Shades and Tints of #564eed

Tones of #564eed

Color Blindness Simulator