#5a22fa hex color

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

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

● #5a22fa color description : Vivid violet.

The hexadecimal color #5a22fa has RGB values of R:90, G:34, B:250 and CMYK values of C:0.64, M:0.86, Y:0, K:0.02. Its decimal value is 5907194.

Hex triplet	5a22fa	`#5a22fa`
RGB Decimal	90, 34, 250	`rgb(90,34,250)`
RGB Percent	35.3, 13.3, 98	`rgb(35.3%,13.3%,98%)`
CMYK	64, 86, 0, 2
HSL	255.6°, 95.6, 55.7	`hsl(255.6,95.6%,55.7%)`
HSV (or HSB)	255.6°, 86.4, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.233, 73.422, -95.056
XYZ	22.041, 10.219, 91.248
xyY	0.178, 0.083, 10.219
CIE-LCH	38.233, 120.111, 307.683
CIE-LUV	38.233, -0.754, -130.982
Hunter-Lab	31.967, 67.129, -146.863
Binary	01011010, 00100010, 11111010

#5a22fa
```
#5a22fa rgb(90,34,250)
```
#c2fa22
```
#c2fa22 rgb(194,250,34)
```

Complementary Color

#2256fa
```
#2256fa rgb(34,86,250)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#c622fa
```
#c622fa rgb(198,34,250)
```

Analogous Color

#56fa22
```
#56fa22 rgb(86,250,34)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#fac622
```
#fac622 rgb(250,198,34)
```

Split Complementary Color

#22fa5a
```
#22fa5a rgb(34,250,90)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#fa5a22
```
#fa5a22 rgb(250,90,34)
```

Triadic Color

#22c2fa
```
#22c2fa rgb(34,194,250)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#fa5a22
```
#fa5a22 rgb(250,90,34)
```
#c2fa22
```
#c2fa22 rgb(194,250,34)
```

Tetradic Color

#3805cb
```
#3805cb rgb(56,5,203)
```
#3f05e4
```
#3f05e4 rgb(63,5,228)
```
#4709f9
```
#4709f9 rgb(71,9,249)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#6d3bfb
```
#6d3bfb rgb(109,59,251)
```
#7f54fb
```
#7f54fb rgb(127,84,251)
```
#926dfc
```
#926dfc rgb(146,109,252)
```

Monochromatic Color

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

#2422fa
```
#2422fa rgb(36,34,250)
```
#3622fa
```
#3622fa rgb(54,34,250)
```
#4822fa
```
#4822fa rgb(72,34,250)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#6c22fa
```
#6c22fa rgb(108,34,250)
```
#7e22fa
```
#7e22fa rgb(126,34,250)
```
#9022fa
```
#9022fa rgb(144,34,250)
```

Similar Colors

Text with hexadecimal color #5a22fa

This text has a font color of #5a22fa.

<span style="color:#5a22fa;">Text here</span>

#5a22fa background color

This paragraph has a background color of #5a22fa.

<p style="background-color:#5a22fa;">Content here</p>

#5a22fa border color

This element has a border color of #5a22fa.

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

CSS codes

.text {color:#5a22fa;}

.background {background-color:#5a22fa;}

.border {border:1px solid #5a22fa;}

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

#030009
```
#030009 rgb(3,0,9)
```
#08011c
```
#08011c rgb(8,1,28)
```
#0d0130
```
#0d0130 rgb(13,1,48)
```
#120243
```
#120243 rgb(18,2,67)
```
#180256
```
#180256 rgb(24,2,86)
```
#1d0269
```
#1d0269 rgb(29,2,105)
```
#22037c
```
#22037c rgb(34,3,124)
```
#28038f
```
#28038f rgb(40,3,143)
```
#2d04a3
```
#2d04a3 rgb(45,4,163)
```
#3204b6
```
#3204b6 rgb(50,4,182)
```
#3705c9
```
#3705c9 rgb(55,5,201)
```
#3d05dc
```
#3d05dc rgb(61,5,220)
```
#4205ef
```
#4205ef rgb(66,5,239)
```

Shade Color Variation

#4c0ffa
```
#4c0ffa rgb(76,15,250)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```
#6835fa
```
#6835fa rgb(104,53,250)
```
#7748fb
```
#7748fb rgb(119,72,251)
```
#855cfb
```
#855cfb rgb(133,92,251)
```
#936ffc
```
#936ffc rgb(147,111,252)
```
#a282fc
```
#a282fc rgb(162,130,252)
```
#b095fd
```
#b095fd rgb(176,149,253)
```
#bea8fd
```
#bea8fd rgb(190,168,253)
```
#cdbbfd
```
#cdbbfd rgb(205,187,253)
```
#dbcffe
```
#dbcffe rgb(219,207,254)
```
#e9e2fe
```
#e9e2fe rgb(233,226,254)
```
#f8f5ff
```
#f8f5ff rgb(248,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 #5a22fa is the most saturated one.

#8c8a92
```
#8c8a92 rgb(140,138,146)
```
#88829a
```
#88829a rgb(136,130,154)
```
#8479a3
```
#8479a3 rgb(132,121,163)
```
#8070ac
```
#8070ac rgb(128,112,172)
```
#7b68b4
```
#7b68b4 rgb(123,104,180)
```
#775fbd
```
#775fbd rgb(119,95,189)
```
#7356c6
```
#7356c6 rgb(115,86,198)
```
#6f4dcf
```
#6f4dcf rgb(111,77,207)
```
#6b45d7
```
#6b45d7 rgb(107,69,215)
```
#673ce0
```
#673ce0 rgb(103,60,224)
```
#6233e9
```
#6233e9 rgb(98,51,233)
```
#5e2bf1
```
#5e2bf1 rgb(94,43,241)
```
#5a22fa
```
#5a22fa rgb(90,34,250)
```

Tone Color Variation

Below, you can see how #5a22fa 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
#006c72 Tritanopia 0.001% of the population

Trichromacy

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

#5a22fa hex color

#5a22fa Color Information

#5a22fa Color Conversion

Color Schemes with #5a22fa

Alternatives to #5a22fa

#5a22fa Preview

Shades and Tints of #5a22fa

Tones of #5a22fa

Color Blindness Simulator