#7220e4 hex color

In a RGB color space, hex #7220e4 is composed of 44.7% red, 12.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 86% magenta, 0% yellow and 10.6% black. It has a hue angle of 265.1 degrees, a saturation of 78.4% and a lightness of 51%. #7220e4 color hex could be obtained by blending #e440ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 89
RGB color chart
- C 50
- M 86
- Y 0
- K 11
CMYK color chart

● #7220e4 color description : Vivid violet.

The hexadecimal color #7220e4 has RGB values of R:114, G:32, B:228 and CMYK values of C:0.5, M:0.86, Y:0, K:0.11. Its decimal value is 7479524.

Hex triplet	7220e4	`#7220e4`
RGB Decimal	114, 32, 228	`rgb(114,32,228)`
RGB Percent	44.7, 12.5, 89.4	`rgb(44.7%,12.5%,89.4%)`
CMYK	50, 86, 0, 11
HSL	265.1°, 78.4, 51	`hsl(265.1,78.4%,51%)`
HSV (or HSB)	265.1°, 86, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.22, 70.744, -82.545
XYZ	21.457, 10.212, 74.235
xyY	0.203, 0.096, 10.212
CIE-LCH	38.22, 108.712, 310.598
CIE-LUV	38.22, 9.028, -117.772
Hunter-Lab	31.956, 63.934, -115.366
Binary	01110010, 00100000, 11100100

#7220e4
```
#7220e4 rgb(114,32,228)
```
#92e420
```
#92e420 rgb(146,228,32)
```

Complementary Color

#2030e4
```
#2030e4 rgb(32,48,228)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#d420e4
```
#d420e4 rgb(212,32,228)
```

Analogous Color

#30e420
```
#30e420 rgb(48,228,32)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#e4d420
```
#e4d420 rgb(228,212,32)
```

Split Complementary Color

#20e472
```
#20e472 rgb(32,228,114)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#e47220
```
#e47220 rgb(228,114,32)
```

Triadic Color

#2092e4
```
#2092e4 rgb(32,146,228)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#e47220
```
#e47220 rgb(228,114,32)
```
#92e420
```
#92e420 rgb(146,228,32)
```

Tetradic Color

#5014a4
```
#5014a4 rgb(80,20,164)
```
#5b17ba
```
#5b17ba rgb(91,23,186)
```
#6619d1
```
#6619d1 rgb(102,25,209)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#8037e7
```
#8037e7 rgb(128,55,231)
```
#8f4dea
```
#8f4dea rgb(143,77,234)
```
#9d64ec
```
#9d64ec rgb(157,100,236)
```

Monochromatic Color

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

#4120e4
```
#4120e4 rgb(65,32,228)
```
#5120e4
```
#5120e4 rgb(81,32,228)
```
#6220e4
```
#6220e4 rgb(98,32,228)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#8220e4
```
#8220e4 rgb(130,32,228)
```
#9320e4
```
#9320e4 rgb(147,32,228)
```
#a320e4
```
#a320e4 rgb(163,32,228)
```

Similar Colors

Text with hexadecimal color #7220e4

This text has a font color of #7220e4.

<span style="color:#7220e4;">Text here</span>

#7220e4 background color

This paragraph has a background color of #7220e4.

<p style="background-color:#7220e4;">Content here</p>

#7220e4 border color

This element has a border color of #7220e4.

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

CSS codes

.text {color:#7220e4;}

.background {background-color:#7220e4;}

.border {border:1px solid #7220e4;}

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

#020104
```
#020104 rgb(2,1,4)
```
#0b0316
```
#0b0316 rgb(11,3,22)
```
#130527
```
#130527 rgb(19,5,39)
```
#1c0739
```
#1c0739 rgb(28,7,57)
```
#24094a
```
#24094a rgb(36,9,74)
```
#2d0b5c
```
#2d0b5c rgb(45,11,92)
```
#350d6d
```
#350d6d rgb(53,13,109)
```
#3e0f7f
```
#3e0f7f rgb(62,15,127)
```
#471190
```
#471190 rgb(71,17,144)
```
#4f14a2
```
#4f14a2 rgb(79,20,162)
```
#5816b3
```
#5816b3 rgb(88,22,179)
```
#6018c5
```
#6018c5 rgb(96,24,197)
```
#691ad6
```
#691ad6 rgb(105,26,214)
```

Shade Color Variation

#7220e4
```
#7220e4 rgb(114,32,228)
```
#7d31e6
```
#7d31e6 rgb(125,49,230)
```
#8843e8
```
#8843e8 rgb(136,67,232)
```
#9354ea
```
#9354ea rgb(147,84,234)
```
#9e66ec
```
#9e66ec rgb(158,102,236)
```
#a977ef
```
#a977ef rgb(169,119,239)
```
#b489f1
```
#b489f1 rgb(180,137,241)
```
#bf9af3
```
#bf9af3 rgb(191,154,243)
```
#cbacf5
```
#cbacf5 rgb(203,172,245)
```
#d6bdf7
```
#d6bdf7 rgb(214,189,247)
```
#e1cff9
```
#e1cff9 rgb(225,207,249)
```
#ece0fb
```
#ece0fb rgb(236,224,251)
```
#f7f2fd
```
#f7f2fd rgb(247,242,253)
```

Tint Color Variation

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

#828084
```
#828084 rgb(130,128,132)
```
#80778d
```
#80778d rgb(128,119,141)
```
#7f6d97
```
#7f6d97 rgb(127,109,151)
```
#7d63a1
```
#7d63a1 rgb(125,99,161)
```
#7b5aaa
```
#7b5aaa rgb(123,90,170)
```
#7a50b4
```
#7a50b4 rgb(122,80,180)
```
#7846be
```
#7846be rgb(120,70,190)
```
#773dc7
```
#773dc7 rgb(119,61,199)
```
#7533d1
```
#7533d1 rgb(117,51,209)
```
#742ada
```
#742ada rgb(116,42,218)
```
#7220e4
```
#7220e4 rgb(114,32,228)
```
#7016ee
```
#7016ee rgb(112,22,238)
```
#6f0df7
```
#6f0df7 rgb(111,13,247)
```

Tone Color Variation

Below, you can see how #7220e4 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

#4f4f4f Achromatopsia 0.005% of the population
#56466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#4c666e Tritanopia 0.001% of the population

Trichromacy

#2948c9 Protanomaly 1% of men, 0.01% of women
#294cb9 Deuteranomaly 6% of men, 0.4% of women
#5a4d99 Tritanomaly 0.01% of the population

#7220e4 hex color

#7220e4 Color Information

#7220e4 Color Conversion

Color Schemes with #7220e4

Alternatives to #7220e4

#7220e4 Preview

Shades and Tints of #7220e4

Tones of #7220e4

Color Blindness Simulator