#5822fc hex color

In a RGB color space, hex #5822fc is composed of 34.5% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 254.9 degrees, a saturation of 97.3% and a lightness of 56.1%. #5822fc color hex could be obtained by blending #b044ff with #0000f9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 13
- B 99
RGB color chart
- C 65
- M 87
- Y 0
- K 1
CMYK color chart

● #5822fc color description : Vivid blue.

The hexadecimal color #5822fc has RGB values of R:88, G:34, B:252 and CMYK values of C:0.65, M:0.87, Y:0, K:0.01. Its decimal value is 5776124.

Hex triplet	5822fc	`#5822fc`
RGB Decimal	88, 34, 252	`rgb(88,34,252)`
RGB Percent	34.5, 13.3, 98.8	`rgb(34.5%,13.3%,98.8%)`
CMYK	65, 87, 0, 1
HSL	254.9°, 97.3, 56.1	`hsl(254.9,97.3%,56.1%)`
HSV (or HSB)	254.9°, 86.5, 98.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.281, 73.788, -96.105
XYZ	22.164, 10.246, 92.9
xyY	0.177, 0.082, 10.246
CIE-LCH	38.281, 121.164, 307.517
CIE-LUV	38.281, -1.394, -132.109
Hunter-Lab	32.01, 67.579, -149.668
Binary	01011000, 00100010, 11111100

#5822fc
```
#5822fc rgb(88,34,252)
```
#c6fc22
```
#c6fc22 rgb(198,252,34)
```

Complementary Color

#2259fc
```
#2259fc rgb(34,89,252)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#c522fc
```
#c522fc rgb(197,34,252)
```

Analogous Color

#59fc22
```
#59fc22 rgb(89,252,34)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#fcc522
```
#fcc522 rgb(252,197,34)
```

Split Complementary Color

#22fc58
```
#22fc58 rgb(34,252,88)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#fc5822
```
#fc5822 rgb(252,88,34)
```

Triadic Color

#22c6fc
```
#22c6fc rgb(34,198,252)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#fc5822
```
#fc5822 rgb(252,88,34)
```
#c6fc22
```
#c6fc22 rgb(198,252,34)
```

Tetradic Color

#3503cf
```
#3503cf rgb(53,3,207)
```
#3c03e8
```
#3c03e8 rgb(60,3,232)
```
#4509fc
```
#4509fc rgb(69,9,252)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#6b3bfc
```
#6b3bfc rgb(107,59,252)
```
#7e54fd
```
#7e54fd rgb(126,84,253)
```
#916dfd
```
#916dfd rgb(145,109,253)
```

Monochromatic Color

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

#2223fc
```
#2223fc rgb(34,35,252)
```
#3422fc
```
#3422fc rgb(52,34,252)
```
#4622fc
```
#4622fc rgb(70,34,252)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#6a22fc
```
#6a22fc rgb(106,34,252)
```
#7c22fc
```
#7c22fc rgb(124,34,252)
```
#8f22fc
```
#8f22fc rgb(143,34,252)
```

Similar Colors

Text with hexadecimal color #5822fc

This text has a font color of #5822fc.

<span style="color:#5822fc;">Text here</span>

#5822fc background color

This paragraph has a background color of #5822fc.

<p style="background-color:#5822fc;">Content here</p>

#5822fc border color

This element has a border color of #5822fc.

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

CSS codes

.text {color:#5822fc;}

.background {background-color:#5822fc;}

.border {border:1px solid #5822fc;}

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, #03000b is the darkest color, while #f9f7ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#08001f
```
#08001f rgb(8,0,31)
```
#0d0132
```
#0d0132 rgb(13,1,50)
```
#120145
```
#120145 rgb(18,1,69)
```
#170159
```
#170159 rgb(23,1,89)
```
#1c016c
```
#1c016c rgb(28,1,108)
```
#21027f
```
#21027f rgb(33,2,127)
```
#260293
```
#260293 rgb(38,2,147)
```
#2b02a6
```
#2b02a6 rgb(43,2,166)
```
#3003b9
```
#3003b9 rgb(48,3,185)
```
#3503cd
```
#3503cd rgb(53,3,205)
```
#3a03e0
```
#3a03e0 rgb(58,3,224)
```
#3f03f3
```
#3f03f3 rgb(63,3,243)
```

Shade Color Variation

#490ffc
```
#490ffc rgb(73,15,252)
```
#5822fc
```
#5822fc rgb(88,34,252)
```
#6735fc
```
#6735fc rgb(103,53,252)
```
#7549fd
```
#7549fd rgb(117,73,253)
```
#845cfd
```
#845cfd rgb(132,92,253)
```
#926ffd
```
#926ffd rgb(146,111,253)
```
#a183fd
```
#a183fd rgb(161,131,253)
```
#b096fe
```
#b096fe rgb(176,150,254)
```
#bea9fe
```
#bea9fe rgb(190,169,254)
```
#cdbdfe
```
#cdbdfe rgb(205,189,254)
```
#dcd0fe
```
#dcd0fe rgb(220,208,254)
```
#eae4ff
```
#eae4ff rgb(234,228,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8995 is the less saturated color, while #5822fc is the most saturated one.

#8c8995
```
#8c8995 rgb(140,137,149)
```
#88819d
```
#88819d rgb(136,129,157)
```
#8378a6
```
#8378a6 rgb(131,120,166)
```
#7f70ae
```
#7f70ae rgb(127,112,174)
```
#7b67b7
```
#7b67b7 rgb(123,103,183)
```
#765ec0
```
#765ec0 rgb(118,94,192)
```
#7256c8
```
#7256c8 rgb(114,86,200)
```
#6e4dd1
```
#6e4dd1 rgb(110,77,209)
```
#6944da
```
#6944da rgb(105,68,218)
```
#653ce2
```
#653ce2 rgb(101,60,226)
```
#6133eb
```
#6133eb rgb(97,51,235)
```
#5c2bf3
```
#5c2bf3 rgb(92,43,243)
```
#5822fc
```
#5822fc rgb(88,34,252)
```

Tone Color Variation

Below, you can see how #5822fc 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

#4b4b4b Achromatopsia 0.005% of the population
#4e436e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#2049d2 Protanomaly 1% of men, 0.01% of women
#204cc2 Deuteranomaly 6% of men, 0.4% of women
#2051a4 Tritanomaly 0.01% of the population

#5822fc hex color

#5822fc Color Information

#5822fc Color Conversion

Color Schemes with #5822fc

Alternatives to #5822fc

#5822fc Preview

Shades and Tints of #5822fc

Tones of #5822fc

Color Blindness Simulator