#7222ca hex color

In a RGB color space, hex #7222ca is composed of 44.7% red, 13.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 83.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 268.6 degrees, a saturation of 71.2% and a lightness of 46.3%. #7222ca color hex could be obtained by blending #e444ff with #000095. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 79
RGB color chart
- C 44
- M 83
- Y 0
- K 21
CMYK color chart

● #7222ca color description : Strong violet.

The hexadecimal color #7222ca has RGB values of R:114, G:34, B:202 and CMYK values of C:0.44, M:0.83, Y:0, K:0.21. Its decimal value is 7480010.

Hex triplet	7222ca	`#7222ca`
RGB Decimal	114, 34, 202	`rgb(114,34,202)`
RGB Percent	44.7, 13.3, 79.2	`rgb(44.7%,13.3%,79.2%)`
CMYK	44, 83, 0, 21
HSL	268.6°, 71.2, 46.3	`hsl(268.6,71.2%,46.3%)`
HSV (or HSB)	268.6°, 83.2, 79.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.957, 64.083, -71.278
XYZ	18.17, 8.986, 56.651
xyY	0.217, 0.107, 8.986
CIE-LCH	35.957, 95.85, 311.957
CIE-LUV	35.957, 12.735, -101.85
Hunter-Lab	29.976, 55.741, -91.067
Binary	01110010, 00100010, 11001010

#7222ca
```
#7222ca rgb(114,34,202)
```
#7aca22
```
#7aca22 rgb(122,202,34)
```

Complementary Color

#2226ca
```
#2226ca rgb(34,38,202)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#c622ca
```
#c622ca rgb(198,34,202)
```

Analogous Color

#26ca22
```
#26ca22 rgb(38,202,34)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#cac622
```
#cac622 rgb(202,198,34)
```

Split Complementary Color

#22ca72
```
#22ca72 rgb(34,202,114)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#ca7222
```
#ca7222 rgb(202,114,34)
```

Triadic Color

#227aca
```
#227aca rgb(34,122,202)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#ca7222
```
#ca7222 rgb(202,114,34)
```
#7aca22
```
#7aca22 rgb(122,202,34)
```

Tetradic Color

#4d1789
```
#4d1789 rgb(77,23,137)
```
#591b9e
```
#591b9e rgb(89,27,158)
```
#661eb4
```
#661eb4 rgb(102,30,180)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#7f2adb
```
#7f2adb rgb(127,42,219)
```
#8c40df
```
#8c40df rgb(140,64,223)
```
#9956e3
```
#9956e3 rgb(153,86,227)
```

Monochromatic Color

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

#4822ca
```
#4822ca rgb(72,34,202)
```
#5622ca
```
#5622ca rgb(86,34,202)
```
#6422ca
```
#6422ca rgb(100,34,202)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#8022ca
```
#8022ca rgb(128,34,202)
```
#8e22ca
```
#8e22ca rgb(142,34,202)
```
#9c22ca
```
#9c22ca rgb(156,34,202)
```

Similar Colors

Text with hexadecimal color #7222ca

This text has a font color of #7222ca.

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

#7222ca background color

This paragraph has a background color of #7222ca.

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

#7222ca border color

This element has a border color of #7222ca.

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

CSS codes

.text {color:#7222ca;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a0311
```
#0a0311 rgb(10,3,17)
```
#130622
```
#130622 rgb(19,6,34)
```
#1d0933
```
#1d0933 rgb(29,9,51)
```
#260b44
```
#260b44 rgb(38,11,68)
```
#300e54
```
#300e54 rgb(48,14,84)
```
#391165
```
#391165 rgb(57,17,101)
```
#431476
```
#431476 rgb(67,20,118)
```
#4c1787
```
#4c1787 rgb(76,23,135)
```
#561a98
```
#561a98 rgb(86,26,152)
```
#5f1ca8
```
#5f1ca8 rgb(95,28,168)
```
#691fb9
```
#691fb9 rgb(105,31,185)
```
#7222ca
```
#7222ca rgb(114,34,202)
```

Shade Color Variation

#7b25da
```
#7b25da rgb(123,37,218)
```
#8636dd
```
#8636dd rgb(134,54,221)
```
#9047e0
```
#9047e0 rgb(144,71,224)
```
#9a58e3
```
#9a58e3 rgb(154,88,227)
```
#a468e6
```
#a468e6 rgb(164,104,230)
```
#ae79e8
```
#ae79e8 rgb(174,121,232)
```
#b88aeb
```
#b88aeb rgb(184,138,235)
```
#c29bee
```
#c29bee rgb(194,155,238)
```
#cdacf1
```
#cdacf1 rgb(205,172,241)
```
#d7bcf4
```
#d7bcf4 rgb(215,188,244)
```
#e1cdf7
```
#e1cdf7 rgb(225,205,247)
```
#ebdef9
```
#ebdef9 rgb(235,222,249)
```
#f5effc
```
#f5effc rgb(245,239,252)
```

Tint Color Variation

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

#767478
```
#767478 rgb(118,116,120)
```
#756b81
```
#756b81 rgb(117,107,129)
```
#75628a
```
#75628a rgb(117,98,138)
```
#755894
```
#755894 rgb(117,88,148)
```
#744f9d
```
#744f9d rgb(116,79,157)
```
#7446a6
```
#7446a6 rgb(116,70,166)
```
#733daf
```
#733daf rgb(115,61,175)
```
#7334b8
```
#7334b8 rgb(115,52,184)
```
#722bc1
```
#722bc1 rgb(114,43,193)
```
#7222ca
```
#7222ca rgb(114,34,202)
```
#7219d3
```
#7219d3 rgb(114,25,211)
```
#7110dc
```
#7110dc rgb(113,16,220)
```
#7107e5
```
#7107e5 rgb(113,7,229)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#544466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f9a Deuteranopia 1% of men
#5a5d64 Tritanopia 0.001% of the population

Trichromacy

#2946b9 Protanomaly 1% of men, 0.01% of women
#2949ab Deuteranomaly 6% of men, 0.4% of women
#634789 Tritanomaly 0.01% of the population

#7222ca hex color

#7222ca Color Information

#7222ca Color Conversion

Color Schemes with #7222ca

Alternatives to #7222ca

#7222ca Preview

Shades and Tints of #7222ca

Tones of #7222ca

Color Blindness Simulator