#5a22e7 hex color

In a RGB color space, hex #5a22e7 is composed of 35.3% red, 13.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 85.3% magenta, 0% yellow and 9.4% black. It has a hue angle of 257.1 degrees, a saturation of 80.4% and a lightness of 52%. #5a22e7 color hex could be obtained by blending #b444ff with #0000cf. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 13
- B 91
RGB color chart
- C 61
- M 85
- Y 0
- K 9
CMYK color chart

● #5a22e7 color description : Vivid violet.

The hexadecimal color #5a22e7 has RGB values of R:90, G:34, B:231 and CMYK values of C:0.61, M:0.85, Y:0, K:0.09. Its decimal value is 5907175.

Hex triplet	5a22e7	`#5a22e7`
RGB Decimal	90, 34, 231	`rgb(90,34,231)`
RGB Percent	35.3, 13.3, 90.6	`rgb(35.3%,13.3%,90.6%)`
CMYK	61, 85, 0, 9
HSL	257.1°, 80.4, 52	`hsl(257.1,80.4%,52%)`
HSV (or HSB)	257.1°, 85.3, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.15, 68.638, -87.76
XYZ	19.21, 9.087, 76.339
xyY	0.184, 0.087, 9.087
CIE-LCH	36.15, 111.413, 308.03
CIE-LUV	36.15, 0.934, -120.149
Hunter-Lab	30.144, 60.999, -129.049
Binary	01011010, 00100010, 11100111

#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#afe722
```
#afe722 rgb(175,231,34)
```

Complementary Color

#224de7
```
#224de7 rgb(34,77,231)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#bd22e7
```
#bd22e7 rgb(189,34,231)
```

Analogous Color

#4de722
```
#4de722 rgb(77,231,34)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#e7bd22
```
#e7bd22 rgb(231,189,34)
```

Split Complementary Color

#22e75a
```
#22e75a rgb(34,231,90)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#e75a22
```
#e75a22 rgb(231,90,34)
```

Triadic Color

#22afe7
```
#22afe7 rgb(34,175,231)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#e75a22
```
#e75a22 rgb(231,90,34)
```
#afe722
```
#afe722 rgb(175,231,34)
```

Tetradic Color

#3e12aa
```
#3e12aa rgb(62,18,170)
```
#4615c1
```
#4615c1 rgb(70,21,193)
```
#4e17d8
```
#4e17d8 rgb(78,23,216)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#6b39e9
```
#6b39e9 rgb(107,57,233)
```
#7c50ec
```
#7c50ec rgb(124,80,236)
```
#8e67ee
```
#8e67ee rgb(142,103,238)
```

Monochromatic Color

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

#2922e7
```
#2922e7 rgb(41,34,231)
```
#3922e7
```
#3922e7 rgb(57,34,231)
```
#4a22e7
```
#4a22e7 rgb(74,34,231)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#6a22e7
```
#6a22e7 rgb(106,34,231)
```
#7b22e7
```
#7b22e7 rgb(123,34,231)
```
#8b22e7
```
#8b22e7 rgb(139,34,231)
```

Similar Colors

Text with hexadecimal color #5a22e7

This text has a font color of #5a22e7.

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

#5a22e7 background color

This paragraph has a background color of #5a22e7.

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

#5a22e7 border color

This element has a border color of #5a22e7.

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

CSS codes

.text {color:#5a22e7;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#0a031b
```
#0a031b rgb(10,3,27)
```
#10052c
```
#10052c rgb(16,5,44)
```
#16073e
```
#16073e rgb(22,7,62)
```
#1d0950
```
#1d0950 rgb(29,9,80)
```
#230b61
```
#230b61 rgb(35,11,97)
```
#2a0d73
```
#2a0d73 rgb(42,13,115)
```
#300e85
```
#300e85 rgb(48,14,133)
```
#371097
```
#371097 rgb(55,16,151)
```
#3d12a8
```
#3d12a8 rgb(61,18,168)
```
#4314ba
```
#4314ba rgb(67,20,186)
```
#4a16cc
```
#4a16cc rgb(74,22,204)
```
#5018dd
```
#5018dd rgb(80,24,221)
```

Shade Color Variation

#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#6734e9
```
#6734e9 rgb(103,52,233)
```
#7445eb
```
#7445eb rgb(116,69,235)
```
#8257ed
```
#8257ed rgb(130,87,237)
```
#8f69ef
```
#8f69ef rgb(143,105,239)
```
#9c7af1
```
#9c7af1 rgb(156,122,241)
```
#a98cf3
```
#a98cf3 rgb(169,140,243)
```
#b69ef4
```
#b69ef4 rgb(182,158,244)
```
#c4b0f6
```
#c4b0f6 rgb(196,176,246)
```
#d1c1f8
```
#d1c1f8 rgb(209,193,248)
```
#ded3fa
```
#ded3fa rgb(222,211,250)
```
#ebe5fc
```
#ebe5fc rgb(235,229,252)
```
#f9f6fe
```
#f9f6fe rgb(249,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838089 is the less saturated color, while #520ffa is the most saturated one.

#838089
```
#838089 rgb(131,128,137)
```
#7f7792
```
#7f7792 rgb(127,119,146)
```
#7b6d9c
```
#7b6d9c rgb(123,109,156)
```
#7664a5
```
#7664a5 rgb(118,100,165)
```
#725bae
```
#725bae rgb(114,91,174)
```
#6e51b8
```
#6e51b8 rgb(110,81,184)
```
#6a48c1
```
#6a48c1 rgb(106,72,193)
```
#663ecb
```
#663ecb rgb(102,62,203)
```
#6235d4
```
#6235d4 rgb(98,53,212)
```
#5e2bde
```
#5e2bde rgb(94,43,222)
```
#5a22e7
```
#5a22e7 rgb(90,34,231)
```
#5619f0
```
#5619f0 rgb(86,25,240)
```
#520ffa
```
#520ffa rgb(82,15,250)
```

Tone Color Variation

Below, you can see how #5a22e7 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

#494949 Achromatopsia 0.005% of the population
#4c4169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#2046c4 Protanomaly 1% of men, 0.01% of women
#2049b5 Deuteranomaly 6% of men, 0.4% of women
#204d99 Tritanomaly 0.01% of the population

#5a22e7 hex color

#5a22e7 Color Information

#5a22e7 Color Conversion

Color Schemes with #5a22e7

Alternatives to #5a22e7

#5a22e7 Preview

Shades and Tints of #5a22e7

Tones of #5a22e7

Color Blindness Simulator