#564ae7 hex color

In a RGB color space, hex #564ae7 is composed of 33.7% red, 29% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 68% magenta, 0% yellow and 9.4% black. It has a hue angle of 244.6 degrees, a saturation of 76.6% and a lightness of 59.8%. #564ae7 color hex could be obtained by blending #ac94ff with #0000cf. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 29
- B 91
RGB color chart
- C 63
- M 68
- Y 0
- K 9
CMYK color chart

● #564ae7 color description : Soft blue.

The hexadecimal color #564ae7 has RGB values of R:86, G:74, B:231 and CMYK values of C:0.63, M:0.68, Y:0, K:0.09. Its decimal value is 5655271.

Hex triplet	564ae7	`#564ae7`
RGB Decimal	86, 74, 231	`rgb(86,74,231)`
RGB Percent	33.7, 29, 90.6	`rgb(33.7%,29%,90.6%)`
CMYK	63, 68, 0, 9
HSL	244.6°, 76.6, 59.8	`hsl(244.6,76.6%,59.8%)`
HSV (or HSB)	244.6°, 68, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.223, 49.901, -77.76
XYZ	20.708, 12.645, 76.946
xyY	0.188, 0.115, 12.645
CIE-LCH	42.223, 92.395, 302.69
CIE-LUV	42.223, -5.548, -115.493
Hunter-Lab	35.559, 41.719, -103.406
Binary	01010110, 01001010, 11100111

#564ae7
```
#564ae7 rgb(86,74,231)
```
#dbe74a
```
#dbe74a rgb(219,231,74)
```

Complementary Color

#4a8de7
```
#4a8de7 rgb(74,141,231)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#a54ae7
```
#a54ae7 rgb(165,74,231)
```

Analogous Color

#8de74a
```
#8de74a rgb(141,231,74)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#e7a54a
```
#e7a54a rgb(231,165,74)
```

Split Complementary Color

#4ae756
```
#4ae756 rgb(74,231,86)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#e7564a
```
#e7564a rgb(231,86,74)
```

Triadic Color

#4adbe7
```
#4adbe7 rgb(74,219,231)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#e7564a
```
#e7564a rgb(231,86,74)
```
#dbe74a
```
#dbe74a rgb(219,231,74)
```

Tetradic Color

#281bca
```
#281bca rgb(40,27,202)
```
#2d1ee0
```
#2d1ee0 rgb(45,30,224)
```
#4133e4
```
#4133e4 rgb(65,51,228)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#6b61ea
```
#6b61ea rgb(107,97,234)
```
#8077ed
```
#8077ed rgb(128,119,237)
```
#958ef0
```
#958ef0 rgb(149,142,240)
```

Monochromatic Color

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

#4a65e7
```
#4a65e7 rgb(74,101,231)
```
#4a58e7
```
#4a58e7 rgb(74,88,231)
```
#4a4be7
```
#4a4be7 rgb(74,75,231)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#634ae7
```
#634ae7 rgb(99,74,231)
```
#704ae7
```
#704ae7 rgb(112,74,231)
```
#7d4ae7
```
#7d4ae7 rgb(125,74,231)
```

Similar Colors

Text with hexadecimal color #564ae7

This text has a font color of #564ae7.

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

#564ae7 background color

This paragraph has a background color of #564ae7.

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

#564ae7 border color

This element has a border color of #564ae7.

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

CSS codes

.text {color:#564ae7;}

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

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

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#05041b
```
#05041b rgb(5,4,27)
```
#09062c
```
#09062c rgb(9,6,44)
```
#0c083d
```
#0c083d rgb(12,8,61)
```
#100a4f
```
#100a4f rgb(16,10,79)
```
#130d60
```
#130d60 rgb(19,13,96)
```
#170f71
```
#170f71 rgb(23,15,113)
```
#1a1183
```
#1a1183 rgb(26,17,131)
```
#1d1494
```
#1d1494 rgb(29,20,148)
```
#2116a5
```
#2116a5 rgb(33,22,165)
```
#2418b7
```
#2418b7 rgb(36,24,183)
```
#281bc8
```
#281bc8 rgb(40,27,200)
```
#2b1dd9
```
#2b1dd9 rgb(43,29,217)
```

Shade Color Variation

#3627e2
```
#3627e2 rgb(54,39,226)
```
#4639e5
```
#4639e5 rgb(70,57,229)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#665be9
```
#665be9 rgb(102,91,233)
```
#766dec
```
#766dec rgb(118,109,236)
```
#877eee
```
#877eee rgb(135,126,238)
```
#978ff0
```
#978ff0 rgb(151,143,240)
```
#a7a1f2
```
#a7a1f2 rgb(167,161,242)
```
#b7b2f5
```
#b7b2f5 rgb(183,178,245)
```
#c7c3f7
```
#c7c3f7 rgb(199,195,247)
```
#d7d5f9
```
#d7d5f9 rgb(215,213,249)
```
#e8e6fc
```
#e8e6fc rgb(232,230,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9291a0 is the less saturated color, while #4232ff is the most saturated one.

#9291a0
```
#9291a0 rgb(146,145,160)
```
#8b89a8
```
#8b89a8 rgb(139,137,168)
```
#8581b0
```
#8581b0 rgb(133,129,176)
```
#7e79b8
```
#7e79b8 rgb(126,121,184)
```
#7771c0
```
#7771c0 rgb(119,113,192)
```
#716ac7
```
#716ac7 rgb(113,106,199)
```
#6a62cf
```
#6a62cf rgb(106,98,207)
```
#635ad7
```
#635ad7 rgb(99,90,215)
```
#5d52df
```
#5d52df rgb(93,82,223)
```
#564ae7
```
#564ae7 rgb(86,74,231)
```
#4f42ef
```
#4f42ef rgb(79,66,239)
```
#493af7
```
#493af7 rgb(73,58,247)
```
#4232ff
```
#4232ff rgb(66,50,255)
```

Tone Color Variation

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

Dichromacy

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#1f5dd5 Protanomaly 1% of men, 0.01% of women
#1f61c5 Deuteranomaly 6% of men, 0.4% of women
#1f66a4 Tritanomaly 0.01% of the population

#564ae7 hex color

#564ae7 Color Information

#564ae7 Color Conversion

Color Schemes with #564ae7

Alternatives to #564ae7

#564ae7 Preview

Shades and Tints of #564ae7

Tones of #564ae7

Color Blindness Simulator