colorhexa.com

#5402e2 hex color

In a RGB color space, hex #5402e2 is composed of 32.9% red, 0.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 99.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 262 degrees, a saturation of 98.2% and a lightness of 44.7%. #5402e2 color hex could be obtained by blending #a804ff with #0000c5. Closest websafe color is: #6600cc.

- R 33
- G 1
- B 89
RGB color chart
- C 63
- M 99
- Y 0
- K 11
CMYK color chart

● #5402e2 color description : Vivid violet.

The hexadecimal color #5402e2 has RGB values of R:84, G:2, B:226 and CMYK values of C:0.63, M:0.99, Y:0, K:0.11. Its decimal value is 5505762.

Hex triplet	5402e2	`#5402e2`
RGB Decimal	84, 2, 226	`rgb(84,2,226)`
RGB Percent	32.9, 0.8, 88.6	`rgb(32.9%,0.8%,88.6%)`
CMYK	63, 99, 0, 11
HSL	262°, 98.2, 44.7	`hsl(262,98.2%,44.7%)`
HSV (or HSB)	262°, 99.1, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.742, 73.828, -90.577
XYZ	17.403, 7.419, 72.462
xyY	0.179, 0.076, 7.419
CIE-LCH	32.742, 116.854, 309.183
CIE-LUV	32.742, 1.408, -117.223
Hunter-Lab	27.237, 66.385, -138.67
Binary	01010100, 00000010, 11100010

#5402e2
```
#5402e2 rgb(84,2,226)
```
#90e202
```
#90e202 rgb(144,226,2)
```

Complementary Color

#0220e2
```
#0220e2 rgb(2,32,226)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```
#c402e2
```
#c402e2 rgb(196,2,226)
```

Analogous Color

#20e202
```
#20e202 rgb(32,226,2)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```
#e2c402
```
#e2c402 rgb(226,196,2)
```

Split Complementary Color

#380196
```
#380196 rgb(56,1,150)
```
#4102af
```
#4102af rgb(65,2,175)
```
#4b02c9
```
#4b02c9 rgb(75,2,201)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```
#5d02fb
```
#5d02fb rgb(93,2,251)
```
#6d1afd
```
#6d1afd rgb(109,26,253)
```
#7d33fd
```
#7d33fd rgb(125,51,253)
```

Monochromatic Color

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

#1c02e2
```
#1c02e2 rgb(28,2,226)
```
#2f02e2
```
#2f02e2 rgb(47,2,226)
```
#4102e2
```
#4102e2 rgb(65,2,226)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```
#6702e2
```
#6702e2 rgb(103,2,226)
```
#7902e2
```
#7902e2 rgb(121,2,226)
```
#8c02e2
```
#8c02e2 rgb(140,2,226)
```

Similar Colors

Text with hexadecimal color #5402e2

This text has a font color of #5402e2.

<span style="color:#5402e2;">Text here</span>

#5402e2 background color

This paragraph has a background color of #5402e2.

<p style="background-color:#5402e2;">Content here</p>

#5402e2 border color

This element has a border color of #5402e2.

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

CSS codes

.text {color:#5402e2;}

.background {background-color:#5402e2;}

.border {border:1px solid #5402e2;}

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, #05000c is the darkest color, while #faf8ff is the lightest one.

#05000c
```
#05000c rgb(5,0,12)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#130033
```
#130033 rgb(19,0,51)
```
#1a0146
```
#1a0146 rgb(26,1,70)
```
#21015a
```
#21015a rgb(33,1,90)
```
#29016d
```
#29016d rgb(41,1,109)
```
#300181
```
#300181 rgb(48,1,129)
```
#370194
```
#370194 rgb(55,1,148)
```
#3e01a8
```
#3e01a8 rgb(62,1,168)
```
#4602bb
```
#4602bb rgb(70,2,187)
```
#4d02cf
```
#4d02cf rgb(77,2,207)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```
#5b02f5
```
#5b02f5 rgb(91,2,245)
```

Shade Color Variation

#660efd
```
#660efd rgb(102,14,253)
```
#7222fd
```
#7222fd rgb(114,34,253)
```
#7e35fd
```
#7e35fd rgb(126,53,253)
```
#8b49fd
```
#8b49fd rgb(139,73,253)
```
#975cfe
```
#975cfe rgb(151,92,254)
```
#a470fe
```
#a470fe rgb(164,112,254)
```
#b083fe
```
#b083fe rgb(176,131,254)
```
#bc96fe
```
#bc96fe rgb(188,150,254)
```
#c9aafe
```
#c9aafe rgb(201,170,254)
```
#d5bdfe
```
#d5bdfe rgb(213,189,254)
```
#e2d1ff
```
#e2d1ff rgb(226,209,255)
```
#eee4ff
```
#eee4ff rgb(238,228,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706b79 is the less saturated color, while #5402e2 is the most saturated one.

#706b79
```
#706b79 rgb(112,107,121)
```
#6e6282
```
#6e6282 rgb(110,98,130)
```
#6b5a8a
```
#6b5a8a rgb(107,90,138)
```
#695193
```
#695193 rgb(105,81,147)
```
#67489c
```
#67489c rgb(103,72,156)
```
#643fa5
```
#643fa5 rgb(100,63,165)
```
#6237ad
```
#6237ad rgb(98,55,173)
```
#602eb6
```
#602eb6 rgb(96,46,182)
```
#5d25bf
```
#5d25bf rgb(93,37,191)
```
#5b1cc8
```
#5b1cc8 rgb(91,28,200)
```
#5914d0
```
#5914d0 rgb(89,20,208)
```
#560bd9
```
#560bd9 rgb(86,11,217)
```
#5402e2
```
#5402e2 rgb(84,2,226)
```

Tone Color Variation

Below, you can see how #5402e2 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

#343434 Achromatopsia 0.005% of the population
#3a2a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#1e36b9 Protanomaly 1% of men, 0.01% of women
#1e39ab Deuteranomaly 6% of men, 0.4% of women
#1e3d92 Tritanomaly 0.01% of the population