#564eff hex color

In a RGB color space, hex #564eff is composed of 33.7% red, 30.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 69.4% magenta, 0% yellow and 0% black. It has a hue angle of 242.7 degrees, a saturation of 100% and a lightness of 65.3%. #564eff color hex could be obtained by blending #ac9cff with #0000ff. 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

● #564eff color description : Light blue.

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

Hex triplet	564eff	`#564eff`
RGB Decimal	86, 78, 255	`rgb(86,78,255)`
RGB Percent	33.7, 30.6, 100	`rgb(33.7%,30.6%,100%)`
CMYK	66, 69, 0, 0
HSL	242.7°, 100, 65.3	`hsl(242.7,100%,65.3%)`
HSV (or HSB)	242.7°, 69.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.145, 55.121, -86.444
XYZ	24.609, 14.646, 96.132
xyY	0.182, 0.108, 14.646
CIE-LCH	45.145, 102.522, 302.524
CIE-LUV	45.145, -7.661, -129.638
Hunter-Lab	38.27, 47.807, -122.144
Binary	01010110, 01001110, 11111111

#564eff
```
#564eff rgb(86,78,255)
```
#f7ff4e
```
#f7ff4e rgb(247,255,78)
```

Complementary Color

#4e9fff
```
#4e9fff rgb(78,159,255)
```
#564eff
```
#564eff rgb(86,78,255)
```
#af4eff
```
#af4eff rgb(175,78,255)
```

Analogous Color

#9fff4e
```
#9fff4e rgb(159,255,78)
```
#564eff
```
#564eff rgb(86,78,255)
```
#ffaf4e
```
#ffaf4e rgb(255,175,78)
```

Split Complementary Color

#4eff56
```
#4eff56 rgb(78,255,86)
```
#564eff
```
#564eff rgb(86,78,255)
```
#ff564e
```
#ff564e rgb(255,86,78)
```

Triadic Color

#4ef7ff
```
#4ef7ff rgb(78,247,255)
```
#564eff
```
#564eff rgb(86,78,255)
```
#ff564e
```
#ff564e rgb(255,86,78)
```
#f7ff4e
```
#f7ff4e rgb(247,255,78)
```

Tetradic Color

#0d01ff
```
#0d01ff rgb(13,1,255)
```
#251bff
```
#251bff rgb(37,27,255)
```
#3e35ff
```
#3e35ff rgb(62,53,255)
```
#564eff
```
#564eff rgb(86,78,255)
```
#6e68ff
```
#6e68ff rgb(110,104,255)
```
#8781ff
```
#8781ff rgb(135,129,255)
```
#9f9bff
```
#9f9bff rgb(159,155,255)
```

Monochromatic Color

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

#4e72ff
```
#4e72ff rgb(78,114,255)
```
#4e64ff
```
#4e64ff rgb(78,100,255)
```
#4e55ff
```
#4e55ff rgb(78,85,255)
```
#564eff
```
#564eff rgb(86,78,255)
```
#654eff
```
#654eff rgb(101,78,255)
```
#744eff
```
#744eff rgb(116,78,255)
```
#824eff
```
#824eff rgb(130,78,255)
```

Similar Colors

Text with hexadecimal color #564eff

This text has a font color of #564eff.

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

#564eff background color

This paragraph has a background color of #564eff.

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

#564eff border color

This element has a border color of #564eff.

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

CSS codes

.text {color:#564eff;}

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

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

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

#010013
```
#010013 rgb(1,0,19)
```
#020027
```
#020027 rgb(2,0,39)
```
#03003a
```
#03003a rgb(3,0,58)
```
#04004e
```
#04004e rgb(4,0,78)
```
#040062
```
#040062 rgb(4,0,98)
```
#050075
```
#050075 rgb(5,0,117)
```
#060089
```
#060089 rgb(6,0,137)
```
#07009c
```
#07009c rgb(7,0,156)
```
#0800b0
```
#0800b0 rgb(8,0,176)
```
#0900c4
```
#0900c4 rgb(9,0,196)
```
#0a00d7
```
#0a00d7 rgb(10,0,215)
```
#0b00eb
```
#0b00eb rgb(11,0,235)
```
#0c00ff
```
#0c00ff rgb(12,0,255)
```

Shade Color Variation

#1e13ff
```
#1e13ff rgb(30,19,255)
```
#3127ff
```
#3127ff rgb(49,39,255)
```
#433aff
```
#433aff rgb(67,58,255)
```
#564eff
```
#564eff rgb(86,78,255)
```
#6962ff
```
#6962ff rgb(105,98,255)
```
#7b75ff
```
#7b75ff rgb(123,117,255)
```
#8e89ff
```
#8e89ff rgb(142,137,255)
```
#a19cff
```
#a19cff rgb(161,156,255)
```
#b4b0ff
```
#b4b0ff rgb(180,176,255)
```
#c6c4ff
```
#c6c4ff rgb(198,196,255)
```
#d9d7ff
```
#d9d7ff rgb(217,215,255)
```
#ecebff
```
#ecebff rgb(236,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a0a0ad
```
#a0a0ad rgb(160,160,173)
```
#9a99b4
```
#9a99b4 rgb(154,153,180)
```
#9492bb
```
#9492bb rgb(148,146,187)
```
#8e8bc2
```
#8e8bc2 rgb(142,139,194)
```
#8884c9
```
#8884c9 rgb(136,132,201)
```
#817ecf
```
#817ecf rgb(129,126,207)
```
#7b77d6
```
#7b77d6 rgb(123,119,214)
```
#7570dd
```
#7570dd rgb(117,112,221)
```
#6f69e4
```
#6f69e4 rgb(111,105,228)
```
#6962eb
```
#6962eb rgb(105,98,235)
```
#625cf1
```
#625cf1 rgb(98,92,241)
```
#5c55f8
```
#5c55f8 rgb(92,85,248)
```
#564eff
```
#564eff rgb(86,78,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#626084 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

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

#564eff hex color

#564eff Color Information

#564eff Color Conversion

Color Schemes with #564eff

Alternatives to #564eff

#564eff Preview

Shades and Tints of #564eff

Tones of #564eff

Color Blindness Simulator