#564afd hex color

In a RGB color space, hex #564afd is composed of 33.7% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 244 degrees, a saturation of 97.8% and a lightness of 64.1%. #564afd color hex could be obtained by blending #ac94ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 29
- B 99
RGB color chart
- C 66
- M 71
- Y 0
- K 1
CMYK color chart

● #564afd color description : Bright blue.

The hexadecimal color #564afd has RGB values of R:86, G:74, B:253 and CMYK values of C:0.66, M:0.71, Y:0, K:0.01. Its decimal value is 5655293.

Hex triplet	564afd	`#564afd`
RGB Decimal	86, 74, 253	`rgb(86,74,253)`
RGB Percent	33.7, 29, 99.2	`rgb(33.7%,29%,99.2%)`
CMYK	66, 71, 0, 1
HSL	244°, 97.8, 64.1	`hsl(244,97.8%,64.1%)`
HSV (or HSB)	244°, 70.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.185, 56.667, -86.909
XYZ	24.013, 13.967, 94.354
xyY	0.181, 0.106, 13.967
CIE-LCH	44.185, 103.751, 303.105
CIE-LUV	44.185, -6.836, -129.243
Hunter-Lab	37.372, 49.291, -123.53
Binary	01010110, 01001010, 11111101

#564afd
```
#564afd rgb(86,74,253)
```
#f1fd4a
```
#f1fd4a rgb(241,253,74)
```

Complementary Color

#4a98fd
```
#4a98fd rgb(74,152,253)
```
#564afd
```
#564afd rgb(86,74,253)
```
#b04afd
```
#b04afd rgb(176,74,253)
```

Analogous Color

#98fd4a
```
#98fd4a rgb(152,253,74)
```
#564afd
```
#564afd rgb(86,74,253)
```
#fdb04a
```
#fdb04a rgb(253,176,74)
```

Split Complementary Color

#4afd56
```
#4afd56 rgb(74,253,86)
```
#564afd
```
#564afd rgb(86,74,253)
```
#fd564a
```
#fd564a rgb(253,86,74)
```

Triadic Color

#4af1fd
```
#4af1fd rgb(74,241,253)
```
#564afd
```
#564afd rgb(86,74,253)
```
#fd564a
```
#fd564a rgb(253,86,74)
```
#f1fd4a
```
#f1fd4a rgb(241,253,74)
```

Tetradic Color

#1303f8
```
#1303f8 rgb(19,3,248)
```
#2718fc
```
#2718fc rgb(39,24,252)
```
#3e31fd
```
#3e31fd rgb(62,49,253)
```
#564afd
```
#564afd rgb(86,74,253)
```
#6e63fd
```
#6e63fd rgb(110,99,253)
```
#857cfe
```
#857cfe rgb(133,124,254)
```
#9d96fe
```
#9d96fe rgb(157,150,254)
```

Monochromatic Color

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

#4a6bfd
```
#4a6bfd rgb(74,107,253)
```
#4a5cfd
```
#4a5cfd rgb(74,92,253)
```
#4a4dfd
```
#4a4dfd rgb(74,77,253)
```
#564afd
```
#564afd rgb(86,74,253)
```
#654afd
```
#654afd rgb(101,74,253)
```
#744afd
```
#744afd rgb(116,74,253)
```
#834afd
```
#834afd rgb(131,74,253)
```

Similar Colors

Text with hexadecimal color #564afd

This text has a font color of #564afd.

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

#564afd background color

This paragraph has a background color of #564afd.

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

#564afd border color

This element has a border color of #564afd.

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

CSS codes

.text {color:#564afd;}

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

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

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, #01000d is the darkest color, while #f9f9ff is the lightest one.

#01000d
```
#01000d rgb(1,0,13)
```
#030020
```
#030020 rgb(3,0,32)
```
#040134
```
#040134 rgb(4,1,52)
```
#060147
```
#060147 rgb(6,1,71)
```
#07015b
```
#07015b rgb(7,1,91)
```
#09016e
```
#09016e rgb(9,1,110)
```
#0a0181
```
#0a0181 rgb(10,1,129)
```
#0c0295
```
#0c0295 rgb(12,2,149)
```
#0d02a8
```
#0d02a8 rgb(13,2,168)
```
#0f02bc
```
#0f02bc rgb(15,2,188)
```
#1002cf
```
#1002cf rgb(16,2,207)
```
#1203e2
```
#1203e2 rgb(18,3,226)
```
#1303f6
```
#1303f6 rgb(19,3,246)
```

Shade Color Variation

#2010fc
```
#2010fc rgb(32,16,252)
```
#3223fd
```
#3223fd rgb(50,35,253)
```
#4437fd
```
#4437fd rgb(68,55,253)
```
#564afd
```
#564afd rgb(86,74,253)
```
#685dfd
```
#685dfd rgb(104,93,253)
```
#7a71fd
```
#7a71fd rgb(122,113,253)
```
#8c84fe
```
#8c84fe rgb(140,132,254)
```
#9e98fe
```
#9e98fe rgb(158,152,254)
```
#b1abfe
```
#b1abfe rgb(177,171,254)
```
#c3befe
```
#c3befe rgb(195,190,254)
```
#d5d2ff
```
#d5d2ff rgb(213,210,255)
```
#e7e5ff
```
#e7e5ff rgb(231,229,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#9f9ea9
```
#9f9ea9 rgb(159,158,169)
```
#9997b0
```
#9997b0 rgb(153,151,176)
```
#9390b7
```
#9390b7 rgb(147,144,183)
```
#8d89be
```
#8d89be rgb(141,137,190)
```
#8782c5
```
#8782c5 rgb(135,130,197)
```
#817bcc
```
#817bcc rgb(129,123,204)
```
#7b74d3
```
#7b74d3 rgb(123,116,211)
```
#746dda
```
#746dda rgb(116,109,218)
```
#6e66e1
```
#6e66e1 rgb(110,102,225)
```
#685fe8
```
#685fe8 rgb(104,95,232)
```
#6258ef
```
#6258ef rgb(98,88,239)
```
#5c51f6
```
#5c51f6 rgb(92,81,246)
```
#564afd
```
#564afd rgb(86,74,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#605d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1f60e3 Protanomaly 1% of men, 0.01% of women
#1f64d1 Deuteranomaly 6% of men, 0.4% of women
#1f69af Tritanomaly 0.01% of the population

#564afd hex color

#564afd Color Information

#564afd Color Conversion

Color Schemes with #564afd

Alternatives to #564afd

#564afd Preview

Shades and Tints of #564afd

Tones of #564afd

Color Blindness Simulator