#5e31e4 hex color

In a RGB color space, hex #5e31e4 is composed of 36.9% red, 19.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 78.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 255.1 degrees, a saturation of 76.8% and a lightness of 54.3%. #5e31e4 color hex could be obtained by blending #bc62ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 89
RGB color chart
- C 59
- M 79
- Y 0
- K 11
CMYK color chart

● #5e31e4 color description : Bright violet.

The hexadecimal color #5e31e4 has RGB values of R:94, G:49, B:228 and CMYK values of C:0.59, M:0.79, Y:0, K:0.11. Its decimal value is 6173156.

Hex triplet	5e31e4	`#5e31e4`
RGB Decimal	94, 49, 228	`rgb(94,49,228)`
RGB Percent	36.9, 19.2, 89.4	`rgb(36.9%,19.2%,89.4%)`
CMYK	59, 79, 0, 11
HSL	255.1°, 76.8, 54.3	`hsl(255.1,76.8%,54.3%)`
HSV (or HSB)	255.1°, 78.5, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.158, 62.536, -82.718
XYZ	19.715, 10.177, 74.32
xyY	0.189, 0.098, 10.177
CIE-LCH	38.158, 103.697, 307.09
CIE-LUV	38.158, 0.815, -117.391
Hunter-Lab	31.902, 54.486, -115.795
Binary	01011110, 00110001, 11100100

#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#b7e431
```
#b7e431 rgb(183,228,49)
```

Complementary Color

#315ee4
```
#315ee4 rgb(49,94,228)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#b831e4
```
#b831e4 rgb(184,49,228)
```

Analogous Color

#5ee431
```
#5ee431 rgb(94,228,49)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#e4b831
```
#e4b831 rgb(228,184,49)
```

Split Complementary Color

#31e45e
```
#31e45e rgb(49,228,94)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#e45e31
```
#e45e31 rgb(228,94,49)
```

Triadic Color

#31b7e4
```
#31b7e4 rgb(49,183,228)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#e45e31
```
#e45e31 rgb(228,94,49)
```
#b7e431
```
#b7e431 rgb(183,228,49)
```

Tetradic Color

#3e17b1
```
#3e17b1 rgb(62,23,177)
```
#461ac8
```
#461ac8 rgb(70,26,200)
```
#4e1dde
```
#4e1dde rgb(78,29,222)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#7048e7
```
#7048e7 rgb(112,72,231)
```
#815eea
```
#815eea rgb(129,94,234)
```
#9375ed
```
#9375ed rgb(147,117,237)
```

Monochromatic Color

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

#3131e4
```
#3131e4 rgb(49,49,228)
```
#4031e4
```
#4031e4 rgb(64,49,228)
```
#4f31e4
```
#4f31e4 rgb(79,49,228)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#6d31e4
```
#6d31e4 rgb(109,49,228)
```
#7c31e4
```
#7c31e4 rgb(124,49,228)
```
#8b31e4
```
#8b31e4 rgb(139,49,228)
```

Similar Colors

Text with hexadecimal color #5e31e4

This text has a font color of #5e31e4.

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

#5e31e4 background color

This paragraph has a background color of #5e31e4.

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

#5e31e4 border color

This element has a border color of #5e31e4.

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

CSS codes

.text {color:#5e31e4;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070313
```
#070313 rgb(7,3,19)
```
#0d0525
```
#0d0525 rgb(13,5,37)
```
#130736
```
#130736 rgb(19,7,54)
```
#190947
```
#190947 rgb(25,9,71)
```
#1f0c59
```
#1f0c59 rgb(31,12,89)
```
#250e6a
```
#250e6a rgb(37,14,106)
```
#2b107c
```
#2b107c rgb(43,16,124)
```
#31128d
```
#31128d rgb(49,18,141)
```
#37159e
```
#37159e rgb(55,21,158)
```
#3d17b0
```
#3d17b0 rgb(61,23,176)
```
#4319c1
```
#4319c1 rgb(67,25,193)
```
#491cd2
```
#491cd2 rgb(73,28,210)
```

Shade Color Variation

#5020e2
```
#5020e2 rgb(80,32,226)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#6c42e6
```
#6c42e6 rgb(108,66,230)
```
#7954e9
```
#7954e9 rgb(121,84,233)
```
#8765eb
```
#8765eb rgb(135,101,235)
```
#9476ed
```
#9476ed rgb(148,118,237)
```
#a288ef
```
#a288ef rgb(162,136,239)
```
#af99f2
```
#af99f2 rgb(175,153,242)
```
#bdaaf4
```
#bdaaf4 rgb(189,170,244)
```
#cabcf6
```
#cabcf6 rgb(202,188,246)
```
#d8cdf8
```
#d8cdf8 rgb(216,205,248)
```
#e6defb
```
#e6defb rgb(230,222,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#868293
```
#868293 rgb(134,130,147)
```
#82799c
```
#82799c rgb(130,121,156)
```
#7d70a5
```
#7d70a5 rgb(125,112,165)
```
#7967ae
```
#7967ae rgb(121,103,174)
```
#745eb7
```
#745eb7 rgb(116,94,183)
```
#7055c0
```
#7055c0 rgb(112,85,192)
```
#6b4cc9
```
#6b4cc9 rgb(107,76,201)
```
#6743d2
```
#6743d2 rgb(103,67,210)
```
#623adb
```
#623adb rgb(98,58,219)
```
#5e31e4
```
#5e31e4 rgb(94,49,228)
```
#5a28ed
```
#5a28ed rgb(90,40,237)
```
#551ff6
```
#551ff6 rgb(85,31,246)
```
#5116ff
```
#5116ff rgb(81,22,255)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#554c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#126b73 Tritanopia 0.001% of the population

Trichromacy

#224ec9 Protanomaly 1% of men, 0.01% of women
#2252b9 Deuteranomaly 6% of men, 0.4% of women
#2e569c Tritanomaly 0.01% of the population

#5e31e4 hex color

#5e31e4 Color Information

#5e31e4 Color Conversion

Color Schemes with #5e31e4

Alternatives to #5e31e4

#5e31e4 Preview

Shades and Tints of #5e31e4

Tones of #5e31e4

Color Blindness Simulator