#7222d4 hex color

In a RGB color space, hex #7222d4 is composed of 44.7% red, 13.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 84% magenta, 0% yellow and 16.9% black. It has a hue angle of 267 degrees, a saturation of 72.4% and a lightness of 48.2%. #7222d4 color hex could be obtained by blending #e444ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 83
RGB color chart
- C 46
- M 84
- Y 0
- K 17
CMYK color chart

● #7222d4 color description : Strong violet.

The hexadecimal color #7222d4 has RGB values of R:114, G:34, B:212 and CMYK values of C:0.46, M:0.84, Y:0, K:0.17. Its decimal value is 7480020.

Hex triplet	7222d4	`#7222d4`
RGB Decimal	114, 34, 212	`rgb(114,34,212)`
RGB Percent	44.7, 13.3, 83.1	`rgb(44.7%,13.3%,83.1%)`
CMYK	46, 84, 0, 17
HSL	267°, 72.4, 48.2	`hsl(267,72.4%,48.2%)`
HSV (or HSB)	267°, 84, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.883, 66.412, -75.56
XYZ	19.393, 9.475, 63.091
xyY	0.211, 0.103, 9.475
CIE-LCH	36.883, 100.598, 311.314
CIE-LUV	36.883, 11.171, -108
Hunter-Lab	30.781, 58.593, -99.977
Binary	01110010, 00100010, 11010100

#7222d4
```
#7222d4 rgb(114,34,212)
```
#84d422
```
#84d422 rgb(132,212,34)
```

Complementary Color

#222bd4
```
#222bd4 rgb(34,43,212)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#cb22d4
```
#cb22d4 rgb(203,34,212)
```

Analogous Color

#2bd422
```
#2bd422 rgb(43,212,34)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#d4cb22
```
#d4cb22 rgb(212,203,34)
```

Split Complementary Color

#22d472
```
#22d472 rgb(34,212,114)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#d47222
```
#d47222 rgb(212,114,34)
```

Triadic Color

#2284d4
```
#2284d4 rgb(34,132,212)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#d47222
```
#d47222 rgb(212,114,34)
```
#84d422
```
#84d422 rgb(132,212,34)
```

Tetradic Color

#4f1792
```
#4f1792 rgb(79,23,146)
```
#5a1ba8
```
#5a1ba8 rgb(90,27,168)
```
#661ebe
```
#661ebe rgb(102,30,190)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#7f31de
```
#7f31de rgb(127,49,222)
```
#8d47e2
```
#8d47e2 rgb(141,71,226)
```
#9a5de5
```
#9a5de5 rgb(154,93,229)
```

Monochromatic Color

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

#4522d4
```
#4522d4 rgb(69,34,212)
```
#5422d4
```
#5422d4 rgb(84,34,212)
```
#6322d4
```
#6322d4 rgb(99,34,212)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#8122d4
```
#8122d4 rgb(129,34,212)
```
#9022d4
```
#9022d4 rgb(144,34,212)
```
#9f22d4
```
#9f22d4 rgb(159,34,212)
```

Similar Colors

Text with hexadecimal color #7222d4

This text has a font color of #7222d4.

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

#7222d4 background color

This paragraph has a background color of #7222d4.

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

#7222d4 border color

This element has a border color of #7222d4.

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

CSS codes

.text {color:#7222d4;}

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

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

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

#050109
```
#050109 rgb(5,1,9)
```
#0e041a
```
#0e041a rgb(14,4,26)
```
#17072b
```
#17072b rgb(23,7,43)
```
#200a3c
```
#200a3c rgb(32,10,60)
```
#290c4d
```
#290c4d rgb(41,12,77)
```
#320f5e
```
#320f5e rgb(50,15,94)
```
#3b126f
```
#3b126f rgb(59,18,111)
```
#45147f
```
#45147f rgb(69,20,127)
```
#4e1790
```
#4e1790 rgb(78,23,144)
```
#571aa1
```
#571aa1 rgb(87,26,161)
```
#601db2
```
#601db2 rgb(96,29,178)
```
#691fc3
```
#691fc3 rgb(105,31,195)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```

Shade Color Variation

#7c2cdd
```
#7c2cdd rgb(124,44,221)
```
#863de0
```
#863de0 rgb(134,61,224)
```
#914ee3
```
#914ee3 rgb(145,78,227)
```
#9b5fe5
```
#9b5fe5 rgb(155,95,229)
```
#a670e8
```
#a670e8 rgb(166,112,232)
```
#b081eb
```
#b081eb rgb(176,129,235)
```
#bb92ed
```
#bb92ed rgb(187,146,237)
```
#c6a3f0
```
#c6a3f0 rgb(198,163,240)
```
#d0b4f3
```
#d0b4f3 rgb(208,180,243)
```
#dbc5f6
```
#dbc5f6 rgb(219,197,246)
```
#e5d5f8
```
#e5d5f8 rgb(229,213,248)
```
#f0e6fb
```
#f0e6fb rgb(240,230,251)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#7b777f
```
#7b777f rgb(123,119,127)
```
#7a6e88
```
#7a6e88 rgb(122,110,136)
```
#796492
```
#796492 rgb(121,100,146)
```
#785b9b
```
#785b9b rgb(120,91,155)
```
#7751a5
```
#7751a5 rgb(119,81,165)
```
#7648ae
```
#7648ae rgb(118,72,174)
```
#753eb8
```
#753eb8 rgb(117,62,184)
```
#7435c1
```
#7435c1 rgb(116,53,193)
```
#732bcb
```
#732bcb rgb(115,43,203)
```
#7222d4
```
#7222d4 rgb(114,34,212)
```
#7119dd
```
#7119dd rgb(113,25,221)
```
#700fe7
```
#700fe7 rgb(112,15,231)
```
#6f06f0
```
#6f06f0 rgb(111,6,240)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#554569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619d Deuteranopia 1% of men
#556168 Tritanopia 0.001% of the population

Trichromacy

#2947bf Protanomaly 1% of men, 0.01% of women
#294ab1 Deuteranomaly 6% of men, 0.4% of women
#604a8f Tritanomaly 0.01% of the population

#7222d4 hex color

#7222d4 Color Information

#7222d4 Color Conversion

Color Schemes with #7222d4

Alternatives to #7222d4

#7222d4 Preview

Shades and Tints of #7222d4

Tones of #7222d4

Color Blindness Simulator