#5e22e2 hex color

In a RGB color space, hex #5e22e2 is composed of 36.9% red, 13.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 85% magenta, 0% yellow and 11.4% black. It has a hue angle of 258.8 degrees, a saturation of 76.8% and a lightness of 51%. #5e22e2 color hex could be obtained by blending #bc44ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 13
- B 89
RGB color chart
- C 58
- M 85
- Y 0
- K 11
CMYK color chart

● #5e22e2 color description : Bright violet.

The hexadecimal color #5e22e2 has RGB values of R:94, G:34, B:226 and CMYK values of C:0.58, M:0.85, Y:0, K:0.11. Its decimal value is 6169314.

Hex triplet	5e22e2	`#5e22e2`
RGB Decimal	94, 34, 226	`rgb(94,34,226)`
RGB Percent	36.9, 13.3, 88.6	`rgb(36.9%,13.3%,88.6%)`
CMYK	58, 85, 0, 11
HSL	258.8°, 76.8, 51	`hsl(258.8,76.8%,51%)`
HSV (or HSB)	258.8°, 85, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.012, 67.719, -85.123
XYZ	18.913, 9.014, 72.691
xyY	0.188, 0.09, 9.014
CIE-LCH	36.012, 108.774, 308.504
CIE-LUV	36.012, 2.537, -117.21
Hunter-Lab	30.024, 59.903, -122.531
Binary	01011110, 00100010, 11100010

#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#a6e222
```
#a6e222 rgb(166,226,34)
```

Complementary Color

#2246e2
```
#2246e2 rgb(34,70,226)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#be22e2
```
#be22e2 rgb(190,34,226)
```

Analogous Color

#46e222
```
#46e222 rgb(70,226,34)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#e2be22
```
#e2be22 rgb(226,190,34)
```

Split Complementary Color

#22e25e
```
#22e25e rgb(34,226,94)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#e25e22
```
#e25e22 rgb(226,94,34)
```

Triadic Color

#22a6e2
```
#22a6e2 rgb(34,166,226)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#e25e22
```
#e25e22 rgb(226,94,34)
```
#a6e222
```
#a6e222 rgb(166,226,34)
```

Tetradic Color

#4115a2
```
#4115a2 rgb(65,21,162)
```
#4a18b9
```
#4a18b9 rgb(74,24,185)
```
#531bcf
```
#531bcf rgb(83,27,207)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#6e39e5
```
#6e39e5 rgb(110,57,229)
```
#7f4fe8
```
#7f4fe8 rgb(127,79,232)
```
#8f66eb
```
#8f66eb rgb(143,102,235)
```

Monochromatic Color

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

#2e22e2
```
#2e22e2 rgb(46,34,226)
```
#3e22e2
```
#3e22e2 rgb(62,34,226)
```
#4e22e2
```
#4e22e2 rgb(78,34,226)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#6e22e2
```
#6e22e2 rgb(110,34,226)
```
#7e22e2
```
#7e22e2 rgb(126,34,226)
```
#8e22e2
```
#8e22e2 rgb(142,34,226)
```

Similar Colors

Text with hexadecimal color #5e22e2

This text has a font color of #5e22e2.

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

#5e22e2 background color

This paragraph has a background color of #5e22e2.

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

#5e22e2 border color

This element has a border color of #5e22e2.

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

CSS codes

.text {color:#5e22e2;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090316
```
#090316 rgb(9,3,22)
```
#100527
```
#100527 rgb(16,5,39)
```
#170738
```
#170738 rgb(23,7,56)
```
#1e0a4a
```
#1e0a4a rgb(30,10,74)
```
#250c5b
```
#250c5b rgb(37,12,91)
```
#2c0e6c
```
#2c0e6c rgb(44,14,108)
```
#33117e
```
#33117e rgb(51,17,126)
```
#3a138f
```
#3a138f rgb(58,19,143)
```
#4115a0
```
#4115a0 rgb(65,21,160)
```
#4817b2
```
#4817b2 rgb(72,23,178)
```
#4f1ac3
```
#4f1ac3 rgb(79,26,195)
```
#561cd5
```
#561cd5 rgb(86,28,213)
```

Shade Color Variation

#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#6b33e4
```
#6b33e4 rgb(107,51,228)
```
#7745e7
```
#7745e7 rgb(119,69,231)
```
#8456e9
```
#8456e9 rgb(132,86,233)
```
#9167eb
```
#9167eb rgb(145,103,235)
```
#9d79ed
```
#9d79ed rgb(157,121,237)
```
#aa8af0
```
#aa8af0 rgb(170,138,240)
```
#b69bf2
```
#b69bf2 rgb(182,155,242)
```
#c3adf4
```
#c3adf4 rgb(195,173,244)
```
#d0bef6
```
#d0bef6 rgb(208,190,246)
```
#dccff9
```
#dccff9 rgb(220,207,249)
```
#e9e1fb
```
#e9e1fb rgb(233,225,251)
```
#f6f2fd
```
#f6f2fd rgb(246,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e798b is the less saturated color, while #5305ff is the most saturated one.

#7e798b
```
#7e798b rgb(126,121,139)
```
#7b6f95
```
#7b6f95 rgb(123,111,149)
```
#77659f
```
#77659f rgb(119,101,159)
```
#745ca8
```
#745ca8 rgb(116,92,168)
```
#7052b2
```
#7052b2 rgb(112,82,178)
```
#6c48bc
```
#6c48bc rgb(108,72,188)
```
#693fc5
```
#693fc5 rgb(105,63,197)
```
#6535cf
```
#6535cf rgb(101,53,207)
```
#622cd8
```
#622cd8 rgb(98,44,216)
```
#5e22e2
```
#5e22e2 rgb(94,34,226)
```
#5a18ec
```
#5a18ec rgb(90,24,236)
```
#570ff5
```
#570ff5 rgb(87,15,245)
```
#5305ff
```
#5305ff rgb(83,5,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4e4268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#11666d Tritanopia 0.001% of the population

Trichromacy

#2246c2 Protanomaly 1% of men, 0.01% of women
#2249b3 Deuteranomaly 6% of men, 0.4% of women
#2d4d98 Tritanomaly 0.01% of the population

#5e22e2 hex color

#5e22e2 Color Information

#5e22e2 Color Conversion

Color Schemes with #5e22e2

Alternatives to #5e22e2

#5e22e2 Preview

Shades and Tints of #5e22e2

Tones of #5e22e2

Color Blindness Simulator