#5022fa hex color

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

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

● #5022fa color description : Vivid blue.

The hexadecimal color #5022fa has RGB values of R:80, G:34, B:250 and CMYK values of C:0.68, M:0.86, Y:0, K:0.02. Its decimal value is 5251834.

Hex triplet	5022fa	`#5022fa`
RGB Decimal	80, 34, 250	`rgb(80,34,250)`
RGB Percent	31.4, 13.3, 98	`rgb(31.4%,13.3%,98%)`
CMYK	68, 86, 0, 2
HSL	252.8°, 95.6, 55.7	`hsl(252.8,95.6%,55.7%)`
HSV (or HSB)	252.8°, 86.4, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.391, 72.771, -96.478
XYZ	21.132, 9.751, 91.206
xyY	0.173, 0.08, 9.751
CIE-LCH	37.391, 120.845, 307.026
CIE-LUV	37.391, -2.998, -130.926
Hunter-Lab	31.226, 66.155, -151.317
Binary	01010000, 00100010, 11111010

#5022fa
```
#5022fa rgb(80,34,250)
```
#ccfa22
```
#ccfa22 rgb(204,250,34)
```

Complementary Color

#2260fa
```
#2260fa rgb(34,96,250)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#bc22fa
```
#bc22fa rgb(188,34,250)
```

Analogous Color

#60fa22
```
#60fa22 rgb(96,250,34)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#fabc22
```
#fabc22 rgb(250,188,34)
```

Split Complementary Color

#22fa50
```
#22fa50 rgb(34,250,80)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#fa5022
```
#fa5022 rgb(250,80,34)
```

Triadic Color

#22ccfa
```
#22ccfa rgb(34,204,250)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#fa5022
```
#fa5022 rgb(250,80,34)
```
#ccfa22
```
#ccfa22 rgb(204,250,34)
```

Tetradic Color

#2f05cb
```
#2f05cb rgb(47,5,203)
```
#3505e4
```
#3505e4 rgb(53,5,228)
```
#3c09f9
```
#3c09f9 rgb(60,9,249)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#643bfb
```
#643bfb rgb(100,59,251)
```
#7754fb
```
#7754fb rgb(119,84,251)
```
#8b6dfc
```
#8b6dfc rgb(139,109,252)
```

Monochromatic Color

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

#222afa
```
#222afa rgb(34,42,250)
```
#2c22fa
```
#2c22fa rgb(44,34,250)
```
#3e22fa
```
#3e22fa rgb(62,34,250)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#6222fa
```
#6222fa rgb(98,34,250)
```
#7422fa
```
#7422fa rgb(116,34,250)
```
#8622fa
```
#8622fa rgb(134,34,250)
```

Similar Colors

Text with hexadecimal color #5022fa

This text has a font color of #5022fa.

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

#5022fa background color

This paragraph has a background color of #5022fa.

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

#5022fa border color

This element has a border color of #5022fa.

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

CSS codes

.text {color:#5022fa;}

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

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

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)
```
#07011c
```
#07011c rgb(7,1,28)
```
#0b0130
```
#0b0130 rgb(11,1,48)
```
#0f0243
```
#0f0243 rgb(15,2,67)
```
#140256
```
#140256 rgb(20,2,86)
```
#180269
```
#180269 rgb(24,2,105)
```
#1d037c
```
#1d037c rgb(29,3,124)
```
#21038f
```
#21038f rgb(33,3,143)
```
#2604a3
```
#2604a3 rgb(38,4,163)
```
#2a04b6
```
#2a04b6 rgb(42,4,182)
```
#2e05c9
```
#2e05c9 rgb(46,5,201)
```
#3305dc
```
#3305dc rgb(51,5,220)
```
#3705ef
```
#3705ef rgb(55,5,239)
```

Shade Color Variation

#410ffa
```
#410ffa rgb(65,15,250)
```
#5022fa
```
#5022fa rgb(80,34,250)
```
#5f35fa
```
#5f35fa rgb(95,53,250)
```
#6e48fb
```
#6e48fb rgb(110,72,251)
```
#7e5cfb
```
#7e5cfb rgb(126,92,251)
```
#8d6ffc
```
#8d6ffc rgb(141,111,252)
```
#9c82fc
```
#9c82fc rgb(156,130,252)
```
#ab95fd
```
#ab95fd rgb(171,149,253)
```
#baa8fd
```
#baa8fd rgb(186,168,253)
```
#cabbfd
```
#cabbfd rgb(202,187,253)
```
#d9cffe
```
#d9cffe rgb(217,207,254)
```
#e8e2fe
```
#e8e2fe rgb(232,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 #5022fa is the most saturated one.

#8c8a92
```
#8c8a92 rgb(140,138,146)
```
#87829a
```
#87829a rgb(135,130,154)
```
#8279a3
```
#8279a3 rgb(130,121,163)
```
#7d70ac
```
#7d70ac rgb(125,112,172)
```
#7868b4
```
#7868b4 rgb(120,104,180)
```
#735fbd
```
#735fbd rgb(115,95,189)
```
#6e56c6
```
#6e56c6 rgb(110,86,198)
```
#694dcf
```
#694dcf rgb(105,77,207)
```
#6445d7
```
#6445d7 rgb(100,69,215)
```
#5f3ce0
```
#5f3ce0 rgb(95,60,224)
```
#5a33e9
```
#5a33e9 rgb(90,51,233)
```
#552bf1
```
#552bf1 rgb(85,43,241)
```
#5022fa
```
#5022fa rgb(80,34,250)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a406c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1d48ce Protanomaly 1% of men, 0.01% of women
#1d4bbf Deuteranomaly 6% of men, 0.4% of women
#1d4fa2 Tritanomaly 0.01% of the population

#5022fa hex color

#5022fa Color Information

#5022fa Color Conversion

Color Schemes with #5022fa

Alternatives to #5022fa

#5022fa Preview

Shades and Tints of #5022fa

Tones of #5022fa

Color Blindness Simulator