#5420f5 hex color

In a RGB color space, hex #5420f5 is composed of 32.9% red, 12.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 86.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 254.6 degrees, a saturation of 91.4% and a lightness of 54.3%. #5420f5 color hex could be obtained by blending #a840ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 13
- B 96
RGB color chart
- C 66
- M 87
- Y 0
- K 4
CMYK color chart

● #5420f5 color description : Vivid blue.

The hexadecimal color #5420f5 has RGB values of R:84, G:32, B:245 and CMYK values of C:0.66, M:0.87, Y:0, K:0.04. Its decimal value is 5513461.

Hex triplet	5420f5	`#5420f5`
RGB Decimal	84, 32, 245	`rgb(84,32,245)`
RGB Percent	32.9, 12.5, 96.1	`rgb(32.9%,12.5%,96.1%)`
CMYK	66, 87, 0, 4
HSL	254.6°, 91.4, 54.3	`hsl(254.6,91.4%,54.3%)`
HSV (or HSB)	254.6°, 86.9, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.947, 72.366, -94.391
XYZ	20.651, 9.51, 87.128
xyY	0.176, 0.081, 9.51
CIE-LCH	36.947, 118.939, 307.476
CIE-LUV	36.947, -1.6, -128.151
Hunter-Lab	30.838, 65.571, -145.932
Binary	01010100, 00100000, 11110101

#5420f5
```
#5420f5 rgb(84,32,245)
```
#c1f520
```
#c1f520 rgb(193,245,32)
```

Complementary Color

#2057f5
```
#2057f5 rgb(32,87,245)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#bf20f5
```
#bf20f5 rgb(191,32,245)
```

Analogous Color

#57f520
```
#57f520 rgb(87,245,32)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#f5bf20
```
#f5bf20 rgb(245,191,32)
```

Split Complementary Color

#20f554
```
#20f554 rgb(32,245,84)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#f55420
```
#f55420 rgb(245,84,32)
```

Triadic Color

#20c1f5
```
#20c1f5 rgb(32,193,245)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#f55420
```
#f55420 rgb(245,84,32)
```
#c1f520
```
#c1f520 rgb(193,245,32)
```

Tetradic Color

#3509c0
```
#3509c0 rgb(53,9,192)
```
#3c0ad8
```
#3c0ad8 rgb(60,10,216)
```
#430bf1
```
#430bf1 rgb(67,11,241)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#6738f6
```
#6738f6 rgb(103,56,246)
```
#7951f7
```
#7951f7 rgb(121,81,247)
```
#8c69f8
```
#8c69f8 rgb(140,105,248)
```

Monochromatic Color

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

#2021f5
```
#2021f5 rgb(32,33,245)
```
#3020f5
```
#3020f5 rgb(48,32,245)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#6620f5
```
#6620f5 rgb(102,32,245)
```
#7820f5
```
#7820f5 rgb(120,32,245)
```
#8920f5
```
#8920f5 rgb(137,32,245)
```

Similar Colors

Text with hexadecimal color #5420f5

This text has a font color of #5420f5.

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

#5420f5 background color

This paragraph has a background color of #5420f5.

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

#5420f5 border color

This element has a border color of #5420f5.

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

CSS codes

.text {color:#5420f5;}

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

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

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 #f2effe is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#060115
```
#060115 rgb(6,1,21)
```
#0b0228
```
#0b0228 rgb(11,2,40)
```
#10033b
```
#10033b rgb(16,3,59)
```
#16034d
```
#16034d rgb(22,3,77)
```
#1b0460
```
#1b0460 rgb(27,4,96)
```
#200573
```
#200573 rgb(32,5,115)
```
#250686
```
#250686 rgb(37,6,134)
```
#2a0798
```
#2a0798 rgb(42,7,152)
```
#3008ab
```
#3008ab rgb(48,8,171)
```
#3509be
```
#3509be rgb(53,9,190)
```
#3a09d1
```
#3a09d1 rgb(58,9,209)
```
#3f0ae4
```
#3f0ae4 rgb(63,10,228)
```

Shade Color Variation

#460df4
```
#460df4 rgb(70,13,244)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#6233f6
```
#6233f6 rgb(98,51,246)
```
#7146f7
```
#7146f7 rgb(113,70,247)
```
#7f58f8
```
#7f58f8 rgb(127,88,248)
```
#8e6bf8
```
#8e6bf8 rgb(142,107,248)
```
#9c7ef9
```
#9c7ef9 rgb(156,126,249)
```
#aa91fa
```
#aa91fa rgb(170,145,250)
```
#b9a3fb
```
#b9a3fb rgb(185,163,251)
```
#c7b6fc
```
#c7b6fc rgb(199,182,252)
```
#d6c9fd
```
#d6c9fd rgb(214,201,253)
```
#e4dcfd
```
#e4dcfd rgb(228,220,253)
```
#f2effe
```
#f2effe rgb(242,239,254)
```

Tint Color Variation

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

#868392
```
#868392 rgb(134,131,146)
```
#827a9b
```
#827a9b rgb(130,122,155)
```
#7d71a4
```
#7d71a4 rgb(125,113,164)
```
#7968ad
```
#7968ad rgb(121,104,173)
```
#745fb6
```
#745fb6 rgb(116,95,182)
```
#7056bf
```
#7056bf rgb(112,86,191)
```
#6b4dc8
```
#6b4dc8 rgb(107,77,200)
```
#6644d1
```
#6644d1 rgb(102,68,209)
```
#623bda
```
#623bda rgb(98,59,218)
```
#5d32e3
```
#5d32e3 rgb(93,50,227)
```
#5929ec
```
#5929ec rgb(89,41,236)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#4f17fe
```
#4f17fe rgb(79,23,254)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a406b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1e46cb Protanomaly 1% of men, 0.01% of women
#1e4abc Deuteranomaly 6% of men, 0.4% of women
#1e4e9f Tritanomaly 0.01% of the population

#5420f5 hex color

#5420f5 Color Information

#5420f5 Color Conversion

Color Schemes with #5420f5

Alternatives to #5420f5

#5420f5 Preview

Shades and Tints of #5420f5

Tones of #5420f5

Color Blindness Simulator