#7222ef hex color

In a RGB color space, hex #7222ef is composed of 44.7% red, 13.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 85.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 263.4 degrees, a saturation of 86.5% and a lightness of 53.5%. #7222ef color hex could be obtained by blending #e444ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 13
- B 94
RGB color chart
- C 52
- M 86
- Y 0
- K 6
CMYK color chart

● #7222ef color description : Vivid violet.

The hexadecimal color #7222ef has RGB values of R:114, G:34, B:239 and CMYK values of C:0.52, M:0.86, Y:0, K:0.06. Its decimal value is 7480047.

Hex triplet	7222ef	`#7222ef`
RGB Decimal	114, 34, 239	`rgb(114,34,239)`
RGB Percent	44.7, 13.3, 93.7	`rgb(44.7%,13.3%,93.7%)`
CMYK	52, 86, 0, 6
HSL	263.4°, 86.5, 53.5	`hsl(263.4,86.5%,53.5%)`
HSV (or HSB)	263.4°, 85.8, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.501, 72.748, -86.679
XYZ	23.089, 10.953, 82.554
xyY	0.198, 0.094, 10.953
CIE-LCH	39.501, 113.162, 310.006
CIE-LUV	39.501, 7.419, -124.141
Hunter-Lab	33.095, 66.612, -124.728
Binary	01110010, 00100010, 11101111

#7222ef
```
#7222ef rgb(114,34,239)
```
#9fef22
```
#9fef22 rgb(159,239,34)
```

Complementary Color

#2238ef
```
#2238ef rgb(34,56,239)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#d922ef
```
#d922ef rgb(217,34,239)
```

Analogous Color

#38ef22
```
#38ef22 rgb(56,239,34)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#efd922
```
#efd922 rgb(239,217,34)
```

Split Complementary Color

#22ef72
```
#22ef72 rgb(34,239,114)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#ef7222
```
#ef7222 rgb(239,114,34)
```

Triadic Color

#229fef
```
#229fef rgb(34,159,239)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#ef7222
```
#ef7222 rgb(239,114,34)
```
#9fef22
```
#9fef22 rgb(159,239,34)
```

Tetradic Color

#500db7
```
#500db7 rgb(80,13,183)
```
#5a0fcf
```
#5a0fcf rgb(90,15,207)
```
#6411e7
```
#6411e7 rgb(100,17,231)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#813af1
```
#813af1 rgb(129,58,241)
```
#9052f2
```
#9052f2 rgb(144,82,242)
```
#a069f4
```
#a069f4 rgb(160,105,244)
```

Monochromatic Color

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

#3f22ef
```
#3f22ef rgb(63,34,239)
```
#5022ef
```
#5022ef rgb(80,34,239)
```
#6122ef
```
#6122ef rgb(97,34,239)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#8322ef
```
#8322ef rgb(131,34,239)
```
#9422ef
```
#9422ef rgb(148,34,239)
```
#a522ef
```
#a522ef rgb(165,34,239)
```

Similar Colors

Text with hexadecimal color #7222ef

This text has a font color of #7222ef.

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

#7222ef background color

This paragraph has a background color of #7222ef.

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

#7222ef border color

This element has a border color of #7222ef.

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

CSS codes

.text {color:#7222ef;}

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

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

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

#070111
```
#070111 rgb(7,1,17)
```
#0f0323
```
#0f0323 rgb(15,3,35)
```
#170435
```
#170435 rgb(23,4,53)
```
#1f0548
```
#1f0548 rgb(31,5,72)
```
#27075a
```
#27075a rgb(39,7,90)
```
#2f086c
```
#2f086c rgb(47,8,108)
```
#37097f
```
#37097f rgb(55,9,127)
```
#3f0a91
```
#3f0a91 rgb(63,10,145)
```
#470ca3
```
#470ca3 rgb(71,12,163)
```
#4f0db5
```
#4f0db5 rgb(79,13,181)
```
#570ec8
```
#570ec8 rgb(87,14,200)
```
#5f10da
```
#5f10da rgb(95,16,218)
```
#6711ec
```
#6711ec rgb(103,17,236)
```

Shade Color Variation

#7222ef
```
#7222ef rgb(114,34,239)
```
#7e34f0
```
#7e34f0 rgb(126,52,240)
```
#8947f2
```
#8947f2 rgb(137,71,242)
```
#9559f3
```
#9559f3 rgb(149,89,243)
```
#a16bf4
```
#a16bf4 rgb(161,107,244)
```
#ac7df6
```
#ac7df6 rgb(172,125,246)
```
#b890f7
```
#b890f7 rgb(184,144,247)
```
#c4a2f8
```
#c4a2f8 rgb(196,162,248)
```
#cfb4fa
```
#cfb4fa rgb(207,180,250)
```
#dbc7fb
```
#dbc7fb rgb(219,199,251)
```
#e7d9fc
```
#e7d9fc rgb(231,217,252)
```
#f2ebfe
```
#f2ebfe rgb(242,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88868b is the less saturated color, while #7019f8 is the most saturated one.

#88868b
```
#88868b rgb(136,134,139)
```
#867d94
```
#867d94 rgb(134,125,148)
```
#84749d
```
#84749d rgb(132,116,157)
```
#826ba6
```
#826ba6 rgb(130,107,166)
```
#8062af
```
#8062af rgb(128,98,175)
```
#7e59b8
```
#7e59b8 rgb(126,89,184)
```
#7c50c1
```
#7c50c1 rgb(124,80,193)
```
#7a46cb
```
#7a46cb rgb(122,70,203)
```
#783dd4
```
#783dd4 rgb(120,61,212)
```
#7634dd
```
#7634dd rgb(118,52,221)
```
#742be6
```
#742be6 rgb(116,43,230)
```
#7222ef
```
#7222ef rgb(114,34,239)
```
#7019f8
```
#7019f8 rgb(112,25,248)
```

Tone Color Variation

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

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#446b73 Tritanopia 0.001% of the population

Trichromacy

#294bd0 Protanomaly 1% of men, 0.01% of women
#294ec0 Deuteranomaly 6% of men, 0.4% of women
#5550a0 Tritanomaly 0.01% of the population

#7222ef hex color

#7222ef Color Information

#7222ef Color Conversion

Color Schemes with #7222ef

Alternatives to #7222ef

#7222ef Preview

Shades and Tints of #7222ef

Tones of #7222ef

Color Blindness Simulator