#7420f5 hex color

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

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

● #7420f5 color description : Vivid violet.

The hexadecimal color #7420f5 has RGB values of R:116, G:32, B:245 and CMYK values of C:0.53, M:0.87, Y:0, K:0.04. Its decimal value is 7610613.

Hex triplet	7420f5	`#7420f5`
RGB Decimal	116, 32, 245	`rgb(116,32,245)`
RGB Percent	45.5, 12.5, 96.1	`rgb(45.5%,12.5%,96.1%)`
CMYK	53, 87, 0, 4
HSL	263.7°, 91.4, 54.3	`hsl(263.7,91.4%,54.3%)`
HSV (or HSB)	263.7°, 86.9, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.144, 74.893, -88.997
XYZ	24.198, 11.338, 87.295
xyY	0.197, 0.092, 11.338
CIE-LCH	40.144, 116.315, 310.081
CIE-LUV	40.144, 7.487, -127.668
Hunter-Lab	33.672, 69.347, -130.138
Binary	01110100, 00100000, 11110101

#7420f5
```
#7420f5 rgb(116,32,245)
```
#a1f520
```
#a1f520 rgb(161,245,32)
```

Complementary Color

#2037f5
```
#2037f5 rgb(32,55,245)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#df20f5
```
#df20f5 rgb(223,32,245)
```

Analogous Color

#37f520
```
#37f520 rgb(55,245,32)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#f5df20
```
#f5df20 rgb(245,223,32)
```

Split Complementary Color

#20f574
```
#20f574 rgb(32,245,116)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#f57420
```
#f57420 rgb(245,116,32)
```

Triadic Color

#20a1f5
```
#20a1f5 rgb(32,161,245)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#f57420
```
#f57420 rgb(245,116,32)
```
#a1f520
```
#a1f520 rgb(161,245,32)
```

Tetradic Color

#5109c0
```
#5109c0 rgb(81,9,192)
```
#5b0ad8
```
#5b0ad8 rgb(91,10,216)
```
#650bf1
```
#650bf1 rgb(101,11,241)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#8338f6
```
#8338f6 rgb(131,56,246)
```
#9251f7
```
#9251f7 rgb(146,81,247)
```
#a269f8
```
#a269f8 rgb(162,105,248)
```

Monochromatic Color

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

#3f20f5
```
#3f20f5 rgb(63,32,245)
```
#5020f5
```
#5020f5 rgb(80,32,245)
```
#6220f5
```
#6220f5 rgb(98,32,245)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#8620f5
```
#8620f5 rgb(134,32,245)
```
#9820f5
```
#9820f5 rgb(152,32,245)
```
#a920f5
```
#a920f5 rgb(169,32,245)
```

Similar Colors

Text with hexadecimal color #7420f5

This text has a font color of #7420f5.

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

#7420f5 background color

This paragraph has a background color of #7420f5.

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

#7420f5 border color

This element has a border color of #7420f5.

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

CSS codes

.text {color:#7420f5;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#090115
```
#090115 rgb(9,1,21)
```
#110228
```
#110228 rgb(17,2,40)
```
#19033b
```
#19033b rgb(25,3,59)
```
#21034d
```
#21034d rgb(33,3,77)
```
#290460
```
#290460 rgb(41,4,96)
```
#300573
```
#300573 rgb(48,5,115)
```
#380686
```
#380686 rgb(56,6,134)
```
#400798
```
#400798 rgb(64,7,152)
```
#4808ab
```
#4808ab rgb(72,8,171)
```
#5009be
```
#5009be rgb(80,9,190)
```
#5809d1
```
#5809d1 rgb(88,9,209)
```
#600ae4
```
#600ae4 rgb(96,10,228)
```

Shade Color Variation

#680df4
```
#680df4 rgb(104,13,244)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#8033f6
```
#8033f6 rgb(128,51,246)
```
#8b46f7
```
#8b46f7 rgb(139,70,247)
```
#9758f8
```
#9758f8 rgb(151,88,248)
```
#a36bf8
```
#a36bf8 rgb(163,107,248)
```
#af7ef9
```
#af7ef9 rgb(175,126,249)
```
#ba91fa
```
#ba91fa rgb(186,145,250)
```
#c6a3fb
```
#c6a3fb rgb(198,163,251)
```
#d2b6fc
```
#d2b6fc rgb(210,182,252)
```
#ddc9fd
```
#ddc9fd rgb(221,201,253)
```
#e9dcfd
```
#e9dcfd rgb(233,220,253)
```
#f5effe
```
#f5effe rgb(245,239,254)
```

Tint Color Variation

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

#898392
```
#898392 rgb(137,131,146)
```
#877a9b
```
#877a9b rgb(135,122,155)
```
#8571a4
```
#8571a4 rgb(133,113,164)
```
#8368ad
```
#8368ad rgb(131,104,173)
```
#815fb6
```
#815fb6 rgb(129,95,182)
```
#7f56bf
```
#7f56bf rgb(127,86,191)
```
#7d4dc8
```
#7d4dc8 rgb(125,77,200)
```
#7c44d1
```
#7c44d1 rgb(124,68,209)
```
#7a3bda
```
#7a3bda rgb(122,59,218)
```
#7832e3
```
#7832e3 rgb(120,50,227)
```
#7629ec
```
#7629ec rgb(118,41,236)
```
#7420f5
```
#7420f5 rgb(116,32,245)
```
#7217fe
```
#7217fe rgb(114,23,254)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#584772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#436d75 Tritanopia 0.001% of the population

Trichromacy

#2a4bd4 Protanomaly 1% of men, 0.01% of women
#2a4ec4 Deuteranomaly 6% of men, 0.4% of women
#5551a3 Tritanomaly 0.01% of the population

#7420f5 hex color

#7420f5 Color Information

#7420f5 Color Conversion

Color Schemes with #7420f5

Alternatives to #7420f5

#7420f5 Preview

Shades and Tints of #7420f5

Tones of #7420f5

Color Blindness Simulator