colorhexa.com

#5420e3 hex color

In a RGB color space, hex #5420e3 is composed of 32.9% red, 12.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 85.9% magenta, 0% yellow and 11% black. It has a hue angle of 256 degrees, a saturation of 77.7% and a lightness of 50.8%. #5420e3 color hex could be obtained by blending #a840ff with #0000c7. Closest websafe color is: #6633cc.

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

● #5420e3 color description : Vivid violet.

The hexadecimal color #5420e3 has RGB values of R:84, G:32, B:227 and CMYK values of C:0.63, M:0.86, Y:0, K:0.11. Its decimal value is 5513443.

Hex triplet	5420e3	`#5420e3`
RGB Decimal	84, 32, 227	`rgb(84,32,227)`
RGB Percent	32.9, 12.5, 89	`rgb(32.9%,12.5%,89%)`
CMYK	63, 86, 0, 11
HSL	256°, 77.7, 50.8	`hsl(256,77.7%,50.8%)`
HSV (or HSB)	256°, 85.9, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.93, 67.795, -87.517
XYZ	18.035, 8.463, 73.352
xyY	0.181, 0.085, 8.463
CIE-LCH	34.93, 110.704, 307.763
CIE-LUV	34.93, -0.098, -117.915
Hunter-Lab	29.092, 59.75, -129.131
Binary	01010100, 00100000, 11100011

#5420e3
```
#5420e3 rgb(84,32,227)
```
#afe320
```
#afe320 rgb(175,227,32)
```

Complementary Color

#204ee3
```
#204ee3 rgb(32,78,227)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#b620e3
```
#b620e3 rgb(182,32,227)
```

Analogous Color

#4ee320
```
#4ee320 rgb(78,227,32)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#e3b620
```
#e3b620 rgb(227,182,32)
```

Split Complementary Color

#20e354
```
#20e354 rgb(32,227,84)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#e35420
```
#e35420 rgb(227,84,32)
```

Triadic Color

#20afe3
```
#20afe3 rgb(32,175,227)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#e35420
```
#e35420 rgb(227,84,32)
```
#afe320
```
#afe320 rgb(175,227,32)
```

Tetradic Color

#3a14a2
```
#3a14a2 rgb(58,20,162)
```
#4217b9
```
#4217b9 rgb(66,23,185)
```
#4a1acf
```
#4a1acf rgb(74,26,207)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#6537e6
```
#6537e6 rgb(101,55,230)
```
#774de9
```
#774de9 rgb(119,77,233)
```
#8864ec
```
#8864ec rgb(136,100,236)
```

Monochromatic Color

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

#2320e3
```
#2320e3 rgb(35,32,227)
```
#3420e3
```
#3420e3 rgb(52,32,227)
```
#4420e3
```
#4420e3 rgb(68,32,227)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#6420e3
```
#6420e3 rgb(100,32,227)
```
#7520e3
```
#7520e3 rgb(117,32,227)
```
#8520e3
```
#8520e3 rgb(133,32,227)
```

Similar Colors

Text with hexadecimal color #5420e3

This text has a font color of #5420e3.

<span style="color:#5420e3;">Text here</span>

#5420e3 background color

This paragraph has a background color of #5420e3.

<p style="background-color:#5420e3;">Content here</p>

#5420e3 border color

This element has a border color of #5420e3.

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

CSS codes

.text {color:#5420e3;}

.background {background-color:#5420e3;}

.border {border:1px solid #5420e3;}

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

#010004
```
#010004 rgb(1,0,4)
```
#080315
```
#080315 rgb(8,3,21)
```
#0e0526
```
#0e0526 rgb(14,5,38)
```
#140738
```
#140738 rgb(20,7,56)
```
#1a0949
```
#1a0949 rgb(26,9,73)
```
#210b5b
```
#210b5b rgb(33,11,91)
```
#270e6c
```
#270e6c rgb(39,14,108)
```
#2d107e
```
#2d107e rgb(45,16,126)
```
#33128f
```
#33128f rgb(51,18,143)
```
#3a14a0
```
#3a14a0 rgb(58,20,160)
```
#4016b2
```
#4016b2 rgb(64,22,178)
```
#4619c3
```
#4619c3 rgb(70,25,195)
```
#4c1bd5
```
#4c1bd5 rgb(76,27,213)
```

Shade Color Variation

#5420e3
```
#5420e3 rgb(84,32,227)
```
#6131e5
```
#6131e5 rgb(97,49,229)
```
#6f43e7
```
#6f43e7 rgb(111,67,231)
```
#7c54ea
```
#7c54ea rgb(124,84,234)
```
#8966ec
```
#8966ec rgb(137,102,236)
```
#9777ee
```
#9777ee rgb(151,119,238)
```
#a489f0
```
#a489f0 rgb(164,137,240)
```
#b29af2
```
#b29af2 rgb(178,154,242)
```
#bfabf5
```
#bfabf5 rgb(191,171,245)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#dacef9
```
#dacef9 rgb(218,206,249)
```
#e7e0fb
```
#e7e0fb rgb(231,224,251)
```
#f4f1fd
```
#f4f1fd rgb(244,241,253)
```

Tint Color Variation

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

#818182
```
#818182 rgb(129,129,130)
```
#7d778c
```
#7d778c rgb(125,119,140)
```
#786d96
```
#786d96 rgb(120,109,150)
```
#74649f
```
#74649f rgb(116,100,159)
```
#6f5aa9
```
#6f5aa9 rgb(111,90,169)
```
#6b50b3
```
#6b50b3 rgb(107,80,179)
```
#6647bc
```
#6647bc rgb(102,71,188)
```
#623dc6
```
#623dc6 rgb(98,61,198)
```
#5d33d0
```
#5d33d0 rgb(93,51,208)
```
#592ad9
```
#592ad9 rgb(89,42,217)
```
#5420e3
```
#5420e3 rgb(84,32,227)
```
#4f16ed
```
#4f16ed rgb(79,22,237)
```
#4b0df6
```
#4b0df6 rgb(75,13,246)
```

Tone Color Variation

Below, you can see how #5420e3 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

#464646 Achromatopsia 0.005% of the population
#493e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1e44bf Protanomaly 1% of men, 0.01% of women
#1e47b1 Deuteranomaly 6% of men, 0.4% of women
#1e4b96 Tritanomaly 0.01% of the population