#564efe hex color

In a RGB color space, hex #564efe is composed of 33.7% red, 30.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 69.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 242.7 degrees, a saturation of 98.9% and a lightness of 65.1%. #564efe color hex could be obtained by blending #ac9cff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 31
- B 100
RGB color chart
- C 66
- M 69
- Y 0
- K 0
CMYK color chart

● #564efe color description : Soft blue.

The hexadecimal color #564efe has RGB values of R:86, G:78, B:254 and CMYK values of C:0.66, M:0.69, Y:0, K:0. Its decimal value is 5656318.

Hex triplet	564efe	`#564efe`
RGB Decimal	86, 78, 254	`rgb(86,78,254)`
RGB Percent	33.7, 30.6, 99.6	`rgb(33.7%,30.6%,99.6%)`
CMYK	66, 69, 0, 0
HSL	242.7°, 98.9, 65.1	`hsl(242.7,98.9%,65.1%)`
HSV (or HSB)	242.7°, 69.3, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.056, 54.812, -86.034
XYZ	24.448, 14.582, 95.287
xyY	0.182, 0.109, 14.582
CIE-LCH	45.056, 102.01, 302.501
CIE-LUV	45.056, -7.608, -129.018
Hunter-Lab	38.186, 47.456, -121.218
Binary	01010110, 01001110, 11111110

#564efe
```
#564efe rgb(86,78,254)
```
#f6fe4e
```
#f6fe4e rgb(246,254,78)
```

Complementary Color

#4e9efe
```
#4e9efe rgb(78,158,254)
```
#564efe
```
#564efe rgb(86,78,254)
```
#ae4efe
```
#ae4efe rgb(174,78,254)
```

Analogous Color

#9efe4e
```
#9efe4e rgb(158,254,78)
```
#564efe
```
#564efe rgb(86,78,254)
```
#feae4e
```
#feae4e rgb(254,174,78)
```

Split Complementary Color

#4efe56
```
#4efe56 rgb(78,254,86)
```
#564efe
```
#564efe rgb(86,78,254)
```
#fe564e
```
#fe564e rgb(254,86,78)
```

Triadic Color

#4ef6fe
```
#4ef6fe rgb(78,246,254)
```
#564efe
```
#564efe rgb(86,78,254)
```
#fe564e
```
#fe564e rgb(254,86,78)
```
#f6fe4e
```
#f6fe4e rgb(246,254,78)
```

Tetradic Color

#0d02fe
```
#0d02fe rgb(13,2,254)
```
#261bfe
```
#261bfe rgb(38,27,254)
```
#3e35fe
```
#3e35fe rgb(62,53,254)
```
#564efe
```
#564efe rgb(86,78,254)
```
#6e67fe
```
#6e67fe rgb(110,103,254)
```
#8681fe
```
#8681fe rgb(134,129,254)
```
#9f9afe
```
#9f9afe rgb(159,154,254)
```

Monochromatic Color

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

#4e72fe
```
#4e72fe rgb(78,114,254)
```
#4e63fe
```
#4e63fe rgb(78,99,254)
```
#4e55fe
```
#4e55fe rgb(78,85,254)
```
#564efe
```
#564efe rgb(86,78,254)
```
#654efe
```
#654efe rgb(101,78,254)
```
#734efe
```
#734efe rgb(115,78,254)
```
#824efe
```
#824efe rgb(130,78,254)
```

Similar Colors

Text with hexadecimal color #564efe

This text has a font color of #564efe.

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

#564efe background color

This paragraph has a background color of #564efe.

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

#564efe border color

This element has a border color of #564efe.

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

CSS codes

.text {color:#564efe;}

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

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

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

#010012
```
#010012 rgb(1,0,18)
```
#020026
```
#020026 rgb(2,0,38)
```
#030039
```
#030039 rgb(3,0,57)
```
#04004d
```
#04004d rgb(4,0,77)
```
#050160
```
#050160 rgb(5,1,96)
```
#060174
```
#060174 rgb(6,1,116)
```
#070187
```
#070187 rgb(7,1,135)
```
#08019b
```
#08019b rgb(8,1,155)
```
#0901ae
```
#0901ae rgb(9,1,174)
```
#0a01c2
```
#0a01c2 rgb(10,1,194)
```
#0b01d5
```
#0b01d5 rgb(11,1,213)
```
#0c01e9
```
#0c01e9 rgb(12,1,233)
```
#0d01fc
```
#0d01fc rgb(13,1,252)
```

Shade Color Variation

#1e13fe
```
#1e13fe rgb(30,19,254)
```
#3127fe
```
#3127fe rgb(49,39,254)
```
#433afe
```
#433afe rgb(67,58,254)
```
#564efe
```
#564efe rgb(86,78,254)
```
#6962fe
```
#6962fe rgb(105,98,254)
```
#7b75fe
```
#7b75fe rgb(123,117,254)
```
#8e89fe
```
#8e89fe rgb(142,137,254)
```
#a09cfe
```
#a09cfe rgb(160,156,254)
```
#b3b0ff
```
#b3b0ff rgb(179,176,255)
```
#c6c3ff
```
#c6c3ff rgb(198,195,255)
```
#d8d7ff
```
#d8d7ff rgb(216,215,255)
```
#ebeaff
```
#ebeaff rgb(235,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a0ac is the less saturated color, while #564efe is the most saturated one.

#a1a0ac
```
#a1a0ac rgb(161,160,172)
```
#9a99b3
```
#9a99b3 rgb(154,153,179)
```
#9492ba
```
#9492ba rgb(148,146,186)
```
#8e8cc0
```
#8e8cc0 rgb(142,140,192)
```
#8885c7
```
#8885c7 rgb(136,133,199)
```
#827ece
```
#827ece rgb(130,126,206)
```
#7b77d5
```
#7b77d5 rgb(123,119,213)
```
#7570dc
```
#7570dc rgb(117,112,220)
```
#6f69e3
```
#6f69e3 rgb(111,105,227)
```
#6963e9
```
#6963e9 rgb(105,99,233)
```
#625cf0
```
#625cf0 rgb(98,92,240)
```
#5c55f7
```
#5c55f7 rgb(92,85,247)
```
#564efe
```
#564efe rgb(86,78,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1f63e5 Protanomaly 1% of men, 0.01% of women
#1f67d4 Deuteranomaly 6% of men, 0.4% of women
#1f6cb1 Tritanomaly 0.01% of the population

#564efe hex color

#564efe Color Information

#564efe Color Conversion

Color Schemes with #564efe

Alternatives to #564efe

#564efe Preview

Shades and Tints of #564efe

Tones of #564efe

Color Blindness Simulator