#7222e2 hex color

In a RGB color space, hex #7222e2 is composed of 44.7% red, 13.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 85% magenta, 0% yellow and 11.4% black. It has a hue angle of 265 degrees, a saturation of 76.8% and a lightness of 51%. #7222e2 color hex could be obtained by blending #e444ff with #0000c5. Closest websafe color is: #6633cc.

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

● #7222e2 color description : Bright violet.

The hexadecimal color #7222e2 has RGB values of R:114, G:34, B:226 and CMYK values of C:0.5, M:0.85, Y:0, K:0.11. Its decimal value is 7480034.

Hex triplet	7222e2	`#7222e2`
RGB Decimal	114, 34, 226	`rgb(114,34,226)`
RGB Percent	44.7, 13.3, 88.6	`rgb(44.7%,13.3%,88.6%)`
CMYK	50, 85, 0, 11
HSL	265°, 76.8, 51	`hsl(265,76.8%,51%)`
HSV (or HSB)	265°, 85, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.221, 69.692, -81.401
XYZ	21.237, 10.212, 72.8
xyY	0.204, 0.098, 10.212
CIE-LCH	38.221, 107.16, 310.569
CIE-LUV	38.221, 9.146, -116.446
Hunter-Lab	31.957, 62.697, -112.698
Binary	01110010, 00100010, 11100010

#7222e2
```
#7222e2 rgb(114,34,226)
```
#92e222
```
#92e222 rgb(146,226,34)
```

Complementary Color

#2232e2
```
#2232e2 rgb(34,50,226)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#d222e2
```
#d222e2 rgb(210,34,226)
```

Analogous Color

#32e222
```
#32e222 rgb(50,226,34)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#e2d222
```
#e2d222 rgb(226,210,34)
```

Split Complementary Color

#22e272
```
#22e272 rgb(34,226,114)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#e27222
```
#e27222 rgb(226,114,34)
```

Triadic Color

#2292e2
```
#2292e2 rgb(34,146,226)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#e27222
```
#e27222 rgb(226,114,34)
```
#92e222
```
#92e222 rgb(146,226,34)
```

Tetradic Color

#5015a2
```
#5015a2 rgb(80,21,162)
```
#5b18b9
```
#5b18b9 rgb(91,24,185)
```
#661bcf
```
#661bcf rgb(102,27,207)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#8039e5
```
#8039e5 rgb(128,57,229)
```
#8f4fe8
```
#8f4fe8 rgb(143,79,232)
```
#9d66eb
```
#9d66eb rgb(157,102,235)
```

Monochromatic Color

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

#4222e2
```
#4222e2 rgb(66,34,226)
```
#5222e2
```
#5222e2 rgb(82,34,226)
```
#6222e2
```
#6222e2 rgb(98,34,226)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#8222e2
```
#8222e2 rgb(130,34,226)
```
#9222e2
```
#9222e2 rgb(146,34,226)
```
#a222e2
```
#a222e2 rgb(162,34,226)
```

Similar Colors

Text with hexadecimal color #7222e2

This text has a font color of #7222e2.

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

#7222e2 background color

This paragraph has a background color of #7222e2.

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

#7222e2 border color

This element has a border color of #7222e2.

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

CSS codes

.text {color:#7222e2;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0b0316
```
#0b0316 rgb(11,3,22)
```
#130527
```
#130527 rgb(19,5,39)
```
#1c0738
```
#1c0738 rgb(28,7,56)
```
#240a4a
```
#240a4a rgb(36,10,74)
```
#2d0c5b
```
#2d0c5b rgb(45,12,91)
```
#350e6c
```
#350e6c rgb(53,14,108)
```
#3e117e
```
#3e117e rgb(62,17,126)
```
#47138f
```
#47138f rgb(71,19,143)
```
#4f15a0
```
#4f15a0 rgb(79,21,160)
```
#5817b2
```
#5817b2 rgb(88,23,178)
```
#601ac3
```
#601ac3 rgb(96,26,195)
```
#691cd5
```
#691cd5 rgb(105,28,213)
```

Shade Color Variation

#7222e2
```
#7222e2 rgb(114,34,226)
```
#7d33e4
```
#7d33e4 rgb(125,51,228)
```
#8845e7
```
#8845e7 rgb(136,69,231)
```
#9356e9
```
#9356e9 rgb(147,86,233)
```
#9e67eb
```
#9e67eb rgb(158,103,235)
```
#a979ed
```
#a979ed rgb(169,121,237)
```
#b48af0
```
#b48af0 rgb(180,138,240)
```
#bf9bf2
```
#bf9bf2 rgb(191,155,242)
```
#cbadf4
```
#cbadf4 rgb(203,173,244)
```
#d6bef6
```
#d6bef6 rgb(214,190,246)
```
#e1cff9
```
#e1cff9 rgb(225,207,249)
```
#ece1fb
```
#ece1fb rgb(236,225,251)
```
#f7f2fd
```
#f7f2fd rgb(247,242,253)
```

Tint Color Variation

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

#80798b
```
#80798b rgb(128,121,139)
```
#7f6f95
```
#7f6f95 rgb(127,111,149)
```
#7d659f
```
#7d659f rgb(125,101,159)
```
#7c5ca8
```
#7c5ca8 rgb(124,92,168)
```
#7a52b2
```
#7a52b2 rgb(122,82,178)
```
#7848bc
```
#7848bc rgb(120,72,188)
```
#773fc5
```
#773fc5 rgb(119,63,197)
```
#7535cf
```
#7535cf rgb(117,53,207)
```
#742cd8
```
#742cd8 rgb(116,44,216)
```
#7222e2
```
#7222e2 rgb(114,34,226)
```
#7018ec
```
#7018ec rgb(112,24,236)
```
#6f0ff5
```
#6f0ff5 rgb(111,15,245)
```
#6d05ff
```
#6d05ff rgb(109,5,255)
```

Tone Color Variation

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

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#4d666d Tritanopia 0.001% of the population

Trichromacy

#2949c8 Protanomaly 1% of men, 0.01% of women
#294cb9 Deuteranomaly 6% of men, 0.4% of women
#5a4d98 Tritanomaly 0.01% of the population

#7222e2 hex color

#7222e2 Color Information

#7222e2 Color Conversion

Color Schemes with #7222e2

Alternatives to #7222e2

#7222e2 Preview

Shades and Tints of #7222e2

Tones of #7222e2

Color Blindness Simulator