#7222e6 hex color

In a RGB color space, hex #7222e6 is composed of 44.7% red, 13.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 85.2% magenta, 0% yellow and 9.8% black. It has a hue angle of 264.5 degrees, a saturation of 79.7% and a lightness of 51.8%. #7222e6 color hex could be obtained by blending #e444ff with #0000cd. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 13
- B 90
RGB color chart
- C 50
- M 85
- Y 0
- K 10
CMYK color chart

● #7222e6 color description : Vivid violet.

The hexadecimal color #7222e6 has RGB values of R:114, G:34, B:230 and CMYK values of C:0.5, M:0.85, Y:0, K:0.1. Its decimal value is 7480038.

Hex triplet	7222e6	`#7222e6`
RGB Decimal	114, 34, 230	`rgb(114,34,230)`
RGB Percent	44.7, 13.3, 90.2	`rgb(44.7%,13.3%,90.2%)`
CMYK	50, 85, 0, 10
HSL	264.5°, 79.7, 51.8	`hsl(264.5,79.7%,51.8%)`
HSV (or HSB)	264.5°, 85.2, 90.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.611, 70.632, -83.04
XYZ	21.792, 10.434, 75.724
xyY	0.202, 0.097, 10.434
CIE-LCH	38.611, 109.016, 310.384
CIE-LUV	38.611, 8.6, -118.828
Hunter-Lab	32.302, 63.892, -116.379
Binary	01110010, 00100010, 11100110

#7222e6
```
#7222e6 rgb(114,34,230)
```
#96e622
```
#96e622 rgb(150,230,34)
```

Complementary Color

#2234e6
```
#2234e6 rgb(34,52,230)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#d422e6
```
#d422e6 rgb(212,34,230)
```

Analogous Color

#34e622
```
#34e622 rgb(52,230,34)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#e6d422
```
#e6d422 rgb(230,212,34)
```

Split Complementary Color

#22e672
```
#22e672 rgb(34,230,114)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#e67222
```
#e67222 rgb(230,114,34)
```

Triadic Color

#2296e6
```
#2296e6 rgb(34,150,230)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#e67222
```
#e67222 rgb(230,114,34)
```
#96e622
```
#96e622 rgb(150,230,34)
```

Tetradic Color

#5013a8
```
#5013a8 rgb(80,19,168)
```
#5b16bf
```
#5b16bf rgb(91,22,191)
```
#6618d6
```
#6618d6 rgb(102,24,214)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#8139e9
```
#8139e9 rgb(129,57,233)
```
#8f50eb
```
#8f50eb rgb(143,80,235)
```
#9e67ee
```
#9e67ee rgb(158,103,238)
```

Monochromatic Color

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

#4122e6
```
#4122e6 rgb(65,34,230)
```
#5122e6
```
#5122e6 rgb(81,34,230)
```
#6222e6
```
#6222e6 rgb(98,34,230)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#8222e6
```
#8222e6 rgb(130,34,230)
```
#9322e6
```
#9322e6 rgb(147,34,230)
```
#a322e6
```
#a322e6 rgb(163,34,230)
```

Similar Colors

Text with hexadecimal color #7222e6

This text has a font color of #7222e6.

<span style="color:#7222e6;">Text here</span>

#7222e6 background color

This paragraph has a background color of #7222e6.

<p style="background-color:#7222e6;">Content here</p>

#7222e6 border color

This element has a border color of #7222e6.

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

CSS codes

.text {color:#7222e6;}

.background {background-color:#7222e6;}

.border {border:1px solid #7222e6;}

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

#040108
```
#040108 rgb(4,1,8)
```
#0c031a
```
#0c031a rgb(12,3,26)
```
#15052b
```
#15052b rgb(21,5,43)
```
#1d073d
```
#1d073d rgb(29,7,61)
```
#25094f
```
#25094f rgb(37,9,79)
```
#2e0b60
```
#2e0b60 rgb(46,11,96)
```
#360d72
```
#360d72 rgb(54,13,114)
```
#3e0f83
```
#3e0f83 rgb(62,15,131)
```
#471195
```
#471195 rgb(71,17,149)
```
#4f13a7
```
#4f13a7 rgb(79,19,167)
```
#5815b8
```
#5815b8 rgb(88,21,184)
```
#6017ca
```
#6017ca rgb(96,23,202)
```
#6819dc
```
#6819dc rgb(104,25,220)
```

Shade Color Variation

#7222e6
```
#7222e6 rgb(114,34,230)
```
#7d34e8
```
#7d34e8 rgb(125,52,232)
```
#8845ea
```
#8845ea rgb(136,69,234)
```
#9457ec
```
#9457ec rgb(148,87,236)
```
#9f68ee
```
#9f68ee rgb(159,104,238)
```
#aa7af0
```
#aa7af0 rgb(170,122,240)
```
#b58cf2
```
#b58cf2 rgb(181,140,242)
```
#c19df4
```
#c19df4 rgb(193,157,244)
```
#ccaff6
```
#ccaff6 rgb(204,175,246)
```
#d7c1f8
```
#d7c1f8 rgb(215,193,248)
```
#e2d2fa
```
#e2d2fa rgb(226,210,250)
```
#eee4fc
```
#eee4fc rgb(238,228,252)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

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

#838187
```
#838187 rgb(131,129,135)
```
#827791
```
#827791 rgb(130,119,145)
```
#806e9a
```
#806e9a rgb(128,110,154)
```
#7e64a4
```
#7e64a4 rgb(126,100,164)
```
#7c5bad
```
#7c5bad rgb(124,91,173)
```
#7b51b7
```
#7b51b7 rgb(123,81,183)
```
#7948c0
```
#7948c0 rgb(121,72,192)
```
#773eca
```
#773eca rgb(119,62,202)
```
#7535d3
```
#7535d3 rgb(117,53,211)
```
#742bdd
```
#742bdd rgb(116,43,221)
```
#7222e6
```
#7222e6 rgb(114,34,230)
```
#7019ef
```
#7019ef rgb(112,25,239)
```
#6f0ff9
```
#6f0ff9 rgb(111,15,249)
```

Tone Color Variation

Below, you can see how #7222e6 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

#505050 Achromatopsia 0.005% of the population
#57476e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#4b676f Tritanopia 0.001% of the population

Trichromacy

#2949cb Protanomaly 1% of men, 0.01% of women
#294dbb Deuteranomaly 6% of men, 0.4% of women
#594e9a Tritanomaly 0.01% of the population

#7222e6 hex color

#7222e6 Color Information

#7222e6 Color Conversion

Color Schemes with #7222e6

Alternatives to #7222e6

#7222e6 Preview

Shades and Tints of #7222e6

Tones of #7222e6

Color Blindness Simulator