#5822fa hex color

In a RGB color space, hex #5822fa is composed of 34.5% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 255 degrees, a saturation of 95.6% and a lightness of 55.7%. #5822fa color hex could be obtained by blending #b044ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 13
- B 98
RGB color chart
- C 65
- M 86
- Y 0
- K 2
CMYK color chart

● #5822fa color description : Vivid blue.

The hexadecimal color #5822fa has RGB values of R:88, G:34, B:250 and CMYK values of C:0.65, M:0.86, Y:0, K:0.02. Its decimal value is 5776122.

Hex triplet	5822fa	`#5822fa`
RGB Decimal	88, 34, 250	`rgb(88,34,250)`
RGB Percent	34.5, 13.3, 98	`rgb(34.5%,13.3%,98%)`
CMYK	65, 86, 0, 2
HSL	255°, 95.6, 55.7	`hsl(255,95.6%,55.7%)`
HSV (or HSB)	255°, 86.4, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.057, 73.285, -95.353
XYZ	21.849, 10.12, 91.239
xyY	0.177, 0.082, 10.12
CIE-LCH	38.057, 120.262, 307.545
CIE-LUV	38.057, -1.23, -130.98
Hunter-Lab	31.812, 66.924, -147.78
Binary	01011000, 00100010, 11111010

#5822fa
```
#5822fa rgb(88,34,250)
```
#c4fa22
```
#c4fa22 rgb(196,250,34)
```

Complementary Color

#2258fa
```
#2258fa rgb(34,88,250)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#c422fa
```
#c422fa rgb(196,34,250)
```

Analogous Color

#58fa22
```
#58fa22 rgb(88,250,34)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#fac422
```
#fac422 rgb(250,196,34)
```

Split Complementary Color

#22fa58
```
#22fa58 rgb(34,250,88)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#fa5822
```
#fa5822 rgb(250,88,34)
```

Triadic Color

#22c4fa
```
#22c4fa rgb(34,196,250)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#fa5822
```
#fa5822 rgb(250,88,34)
```
#c4fa22
```
#c4fa22 rgb(196,250,34)
```

Tetradic Color

#3605cb
```
#3605cb rgb(54,5,203)
```
#3d05e4
```
#3d05e4 rgb(61,5,228)
```
#4509f9
```
#4509f9 rgb(69,9,249)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#6b3bfb
```
#6b3bfb rgb(107,59,251)
```
#7e54fb
```
#7e54fb rgb(126,84,251)
```
#916dfc
```
#916dfc rgb(145,109,252)
```

Monochromatic Color

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

#2222fa
```
#2222fa rgb(34,34,250)
```
#3422fa
```
#3422fa rgb(52,34,250)
```
#4622fa
```
#4622fa rgb(70,34,250)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#6a22fa
```
#6a22fa rgb(106,34,250)
```
#7c22fa
```
#7c22fa rgb(124,34,250)
```
#8e22fa
```
#8e22fa rgb(142,34,250)
```

Similar Colors

Text with hexadecimal color #5822fa

This text has a font color of #5822fa.

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

#5822fa background color

This paragraph has a background color of #5822fa.

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

#5822fa border color

This element has a border color of #5822fa.

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

CSS codes

.text {color:#5822fa;}

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

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

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

#020009
```
#020009 rgb(2,0,9)
```
#08011c
```
#08011c rgb(8,1,28)
```
#0d0130
```
#0d0130 rgb(13,1,48)
```
#120243
```
#120243 rgb(18,2,67)
```
#170256
```
#170256 rgb(23,2,86)
```
#1c0269
```
#1c0269 rgb(28,2,105)
```
#21037c
```
#21037c rgb(33,3,124)
```
#26038f
```
#26038f rgb(38,3,143)
```
#2b04a3
```
#2b04a3 rgb(43,4,163)
```
#3104b6
```
#3104b6 rgb(49,4,182)
```
#3605c9
```
#3605c9 rgb(54,5,201)
```
#3b05dc
```
#3b05dc rgb(59,5,220)
```
#4005ef
```
#4005ef rgb(64,5,239)
```

Shade Color Variation

#4a0ffa
```
#4a0ffa rgb(74,15,250)
```
#5822fa
```
#5822fa rgb(88,34,250)
```
#6635fa
```
#6635fa rgb(102,53,250)
```
#7548fb
```
#7548fb rgb(117,72,251)
```
#835cfb
```
#835cfb rgb(131,92,251)
```
#926ffc
```
#926ffc rgb(146,111,252)
```
#a082fc
```
#a082fc rgb(160,130,252)
```
#af95fd
```
#af95fd rgb(175,149,253)
```
#bda8fd
```
#bda8fd rgb(189,168,253)
```
#ccbbfd
```
#ccbbfd rgb(204,187,253)
```
#dacffe
```
#dacffe rgb(218,207,254)
```
#e9e2fe
```
#e9e2fe rgb(233,226,254)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

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

#8c8a92
```
#8c8a92 rgb(140,138,146)
```
#88829a
```
#88829a rgb(136,130,154)
```
#8379a3
```
#8379a3 rgb(131,121,163)
```
#7f70ac
```
#7f70ac rgb(127,112,172)
```
#7b68b4
```
#7b68b4 rgb(123,104,180)
```
#765fbd
```
#765fbd rgb(118,95,189)
```
#7256c6
```
#7256c6 rgb(114,86,198)
```
#6e4dcf
```
#6e4dcf rgb(110,77,207)
```
#6945d7
```
#6945d7 rgb(105,69,215)
```
#653ce0
```
#653ce0 rgb(101,60,224)
```
#6133e9
```
#6133e9 rgb(97,51,233)
```
#5c2bf1
```
#5c2bf1 rgb(92,43,241)
```
#5822fa
```
#5822fa rgb(88,34,250)
```

Tone Color Variation

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

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#2049d0 Protanomaly 1% of men, 0.01% of women
#204cc0 Deuteranomaly 6% of men, 0.4% of women
#2051a3 Tritanomaly 0.01% of the population

#5822fa hex color

#5822fa Color Information

#5822fa Color Conversion

Color Schemes with #5822fa

Alternatives to #5822fa

#5822fa Preview

Shades and Tints of #5822fa

Tones of #5822fa

Color Blindness Simulator