#7222ea hex color

In a RGB color space, hex #7222ea is composed of 44.7% red, 13.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 85.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 264 degrees, a saturation of 82.6% and a lightness of 52.5%. #7222ea color hex could be obtained by blending #e444ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 13
- B 92
RGB color chart
- C 51
- M 85
- Y 0
- K 8
CMYK color chart

● #7222ea color description : Vivid violet.

The hexadecimal color #7222ea has RGB values of R:114, G:34, B:234 and CMYK values of C:0.51, M:0.85, Y:0, K:0.08. Its decimal value is 7480042.

Hex triplet	7222ea	`#7222ea`
RGB Decimal	114, 34, 234	`rgb(114,34,234)`
RGB Percent	44.7, 13.3, 91.8	`rgb(44.7%,13.3%,91.8%)`
CMYK	51, 85, 0, 8
HSL	264°, 82.6, 52.5	`hsl(264,82.6%,52.5%)`
HSV (or HSB)	264°, 85.5, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.005, 71.572, -84.665
XYZ	22.36, 10.662, 78.717
xyY	0.2, 0.095, 10.662
CIE-LCH	39.005, 110.864, 310.21
CIE-LUV	39.005, 8.067, -121.197
Hunter-Lab	32.652, 65.095, -120.078
Binary	01110010, 00100010, 11101010

#7222ea
```
#7222ea rgb(114,34,234)
```
#9aea22
```
#9aea22 rgb(154,234,34)
```

Complementary Color

#2236ea
```
#2236ea rgb(34,54,234)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#d622ea
```
#d622ea rgb(214,34,234)
```

Analogous Color

#36ea22
```
#36ea22 rgb(54,234,34)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#ead622
```
#ead622 rgb(234,214,34)
```

Split Complementary Color

#22ea72
```
#22ea72 rgb(34,234,114)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#ea7222
```
#ea7222 rgb(234,114,34)
```

Triadic Color

#229aea
```
#229aea rgb(34,154,234)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#ea7222
```
#ea7222 rgb(234,114,34)
```
#9aea22
```
#9aea22 rgb(154,234,34)
```

Tetradic Color

#5011af
```
#5011af rgb(80,17,175)
```
#5b13c6
```
#5b13c6 rgb(91,19,198)
```
#6515dd
```
#6515dd rgb(101,21,221)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#8139ec
```
#8139ec rgb(129,57,236)
```
#9051ee
```
#9051ee rgb(144,81,238)
```
#9f68f1
```
#9f68f1 rgb(159,104,241)
```

Monochromatic Color

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

#4022ea
```
#4022ea rgb(64,34,234)
```
#5122ea
```
#5122ea rgb(81,34,234)
```
#6122ea
```
#6122ea rgb(97,34,234)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#8322ea
```
#8322ea rgb(131,34,234)
```
#9322ea
```
#9322ea rgb(147,34,234)
```
#a422ea
```
#a422ea rgb(164,34,234)
```

Similar Colors

Text with hexadecimal color #7222ea

This text has a font color of #7222ea.

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

#7222ea background color

This paragraph has a background color of #7222ea.

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

#7222ea border color

This element has a border color of #7222ea.

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

CSS codes

.text {color:#7222ea;}

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

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

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, #05010c is the darkest color, while #fbf9fe is the lightest one.

#05010c
```
#05010c rgb(5,1,12)
```
#0e031e
```
#0e031e rgb(14,3,30)
```
#160530
```
#160530 rgb(22,5,48)
```
#1e0642
```
#1e0642 rgb(30,6,66)
```
#260854
```
#260854 rgb(38,8,84)
```
#2e0a65
```
#2e0a65 rgb(46,10,101)
```
#370b77
```
#370b77 rgb(55,11,119)
```
#3f0d89
```
#3f0d89 rgb(63,13,137)
```
#470f9b
```
#470f9b rgb(71,15,155)
```
#4f10ad
```
#4f10ad rgb(79,16,173)
```
#5712bf
```
#5712bf rgb(87,18,191)
```
#5f14d1
```
#5f14d1 rgb(95,20,209)
```
#6816e3
```
#6816e3 rgb(104,22,227)
```

Shade Color Variation

#7222ea
```
#7222ea rgb(114,34,234)
```
#7d34ec
```
#7d34ec rgb(125,52,236)
```
#8946ed
```
#8946ed rgb(137,70,237)
```
#9458ef
```
#9458ef rgb(148,88,239)
```
#a06af1
```
#a06af1 rgb(160,106,241)
```
#ab7cf3
```
#ab7cf3 rgb(171,124,243)
```
#b78df4
```
#b78df4 rgb(183,141,244)
```
#c29ff6
```
#c29ff6 rgb(194,159,246)
```
#cdb1f8
```
#cdb1f8 rgb(205,177,248)
```
#d9c3f9
```
#d9c3f9 rgb(217,195,249)
```
#e4d5fb
```
#e4d5fb rgb(228,213,251)
```
#f0e7fd
```
#f0e7fd rgb(240,231,253)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

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

#857f8d
```
#857f8d rgb(133,127,141)
```
#837696
```
#837696 rgb(131,118,150)
```
#816ca0
```
#816ca0 rgb(129,108,160)
```
#7f63a9
```
#7f63a9 rgb(127,99,169)
```
#7d5ab2
```
#7d5ab2 rgb(125,90,178)
```
#7b51bb
```
#7b51bb rgb(123,81,187)
```
#7947c5
```
#7947c5 rgb(121,71,197)
```
#783ece
```
#783ece rgb(120,62,206)
```
#7635d7
```
#7635d7 rgb(118,53,215)
```
#742be1
```
#742be1 rgb(116,43,225)
```
#7222ea
```
#7222ea rgb(114,34,234)
```
#7019f3
```
#7019f3 rgb(112,25,243)
```
#6e0ffd
```
#6e0ffd rgb(110,15,253)
```

Tone Color Variation

Below, you can see how #7222ea 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
#584870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#486971 Tritanopia 0.001% of the population

Trichromacy

#294acd Protanomaly 1% of men, 0.01% of women
#294dbd Deuteranomaly 6% of men, 0.4% of women
#574f9d Tritanomaly 0.01% of the population

#7222ea hex color

#7222ea Color Information

#7222ea Color Conversion

Color Schemes with #7222ea

Alternatives to #7222ea

#7222ea Preview

Shades and Tints of #7222ea

Tones of #7222ea

Color Blindness Simulator