#564af7 hex color

In a RGB color space, hex #564af7 is composed of 33.7% red, 29% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 70% magenta, 0% yellow and 3.1% black. It has a hue angle of 244.2 degrees, a saturation of 91.5% and a lightness of 62.9%. #564af7 color hex could be obtained by blending #ac94ff with #0000ef. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 29
- B 97
RGB color chart
- C 65
- M 70
- Y 0
- K 3
CMYK color chart

● #564af7 color description : Bright blue.

The hexadecimal color #564af7 has RGB values of R:86, G:74, B:247 and CMYK values of C:0.65, M:0.7, Y:0, K:0.03. Its decimal value is 5655287.

Hex triplet	564af7	`#564af7`
RGB Decimal	86, 74, 247	`rgb(86,74,247)`
RGB Percent	33.7, 29, 96.9	`rgb(33.7%,29%,96.9%)`
CMYK	65, 70, 0, 3
HSL	244.2°, 91.5, 62.9	`hsl(244.2,91.5%,62.9%)`
HSV (or HSB)	244.2°, 70, 96.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.64, 54.835, -84.451
XYZ	23.072, 13.59, 89.398
xyY	0.183, 0.108, 13.59
CIE-LCH	43.64, 100.691, 302.996
CIE-LUV	43.64, -6.494, -125.547
Hunter-Lab	36.865, 47.199, -117.973
Binary	01010110, 01001010, 11110111

#564af7
```
#564af7 rgb(86,74,247)
```
#ebf74a
```
#ebf74a rgb(235,247,74)
```

Complementary Color

#4a95f7
```
#4a95f7 rgb(74,149,247)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#ad4af7
```
#ad4af7 rgb(173,74,247)
```

Analogous Color

#95f74a
```
#95f74a rgb(149,247,74)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#f7ad4a
```
#f7ad4a rgb(247,173,74)
```

Split Complementary Color

#4af756
```
#4af756 rgb(74,247,86)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#f7564a
```
#f7564a rgb(247,86,74)
```

Triadic Color

#4aebf7
```
#4aebf7 rgb(74,235,247)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#f7564a
```
#f7564a rgb(247,86,74)
```
#ebf74a
```
#ebf74a rgb(235,247,74)
```

Tetradic Color

#1a0aea
```
#1a0aea rgb(26,10,234)
```
#2819f5
```
#2819f5 rgb(40,25,245)
```
#3f32f6
```
#3f32f6 rgb(63,50,246)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#6d62f8
```
#6d62f8 rgb(109,98,248)
```
#847bf9
```
#847bf9 rgb(132,123,249)
```
#9a93fa
```
#9a93fa rgb(154,147,250)
```

Monochromatic Color

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

#4a69f7
```
#4a69f7 rgb(74,105,247)
```
#4a5bf7
```
#4a5bf7 rgb(74,91,247)
```
#4a4cf7
```
#4a4cf7 rgb(74,76,247)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#644af7
```
#644af7 rgb(100,74,247)
```
#734af7
```
#734af7 rgb(115,74,247)
```
#814af7
```
#814af7 rgb(129,74,247)
```

Similar Colors

Text with hexadecimal color #564af7

This text has a font color of #564af7.

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

#564af7 background color

This paragraph has a background color of #564af7.

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

#564af7 border color

This element has a border color of #564af7.

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

CSS codes

.text {color:#564af7;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#03011a
```
#03011a rgb(3,1,26)
```
#05022c
```
#05022c rgb(5,2,44)
```
#07033f
```
#07033f rgb(7,3,63)
```
#090452
```
#090452 rgb(9,4,82)
```
#0b0465
```
#0b0465 rgb(11,4,101)
```
#0d0578
```
#0d0578 rgb(13,5,120)
```
#0f068a
```
#0f068a rgb(15,6,138)
```
#11079d
```
#11079d rgb(17,7,157)
```
#1308b0
```
#1308b0 rgb(19,8,176)
```
#1609c3
```
#1609c3 rgb(22,9,195)
```
#1809d5
```
#1809d5 rgb(24,9,213)
```
#1a0ae8
```
#1a0ae8 rgb(26,10,232)
```

Shade Color Variation

#2112f5
```
#2112f5 rgb(33,18,245)
```
#3324f5
```
#3324f5 rgb(51,36,245)
```
#4437f6
```
#4437f6 rgb(68,55,246)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#685df8
```
#685df8 rgb(104,93,248)
```
#7970f9
```
#7970f9 rgb(121,112,249)
```
#8b82f9
```
#8b82f9 rgb(139,130,249)
```
#9c95fa
```
#9c95fa rgb(156,149,250)
```
#aea8fb
```
#aea8fb rgb(174,168,251)
```
#bfbbfc
```
#bfbbfc rgb(191,187,252)
```
#d1cdfd
```
#d1cdfd rgb(209,205,253)
```
#e2e0fe
```
#e2e0fe rgb(226,224,254)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9aa7 is the less saturated color, while #5043fe is the most saturated one.

#9b9aa7
```
#9b9aa7 rgb(155,154,167)
```
#9593ae
```
#9593ae rgb(149,147,174)
```
#8e8bb6
```
#8e8bb6 rgb(142,139,182)
```
#8884bd
```
#8884bd rgb(136,132,189)
```
#827dc4
```
#827dc4 rgb(130,125,196)
```
#7c76cb
```
#7c76cb rgb(124,118,203)
```
#756ed3
```
#756ed3 rgb(117,110,211)
```
#6f67da
```
#6f67da rgb(111,103,218)
```
#6960e1
```
#6960e1 rgb(105,96,225)
```
#6359e8
```
#6359e8 rgb(99,89,232)
```
#5c51f0
```
#5c51f0 rgb(92,81,240)
```
#564af7
```
#564af7 rgb(86,74,247)
```
#5043fe
```
#5043fe rgb(80,67,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f5c7f 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

#1f5fdf Protanomaly 1% of men, 0.01% of women
#1f63ce Deuteranomaly 6% of men, 0.4% of women
#1f68ac Tritanomaly 0.01% of the population

#564af7 hex color

#564af7 Color Information

#564af7 Color Conversion

Color Schemes with #564af7

Alternatives to #564af7

#564af7 Preview

Shades and Tints of #564af7

Tones of #564af7

Color Blindness Simulator