#7222eb hex color

In a RGB color space, hex #7222eb is composed of 44.7% red, 13.3% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 85.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 263.9 degrees, a saturation of 83.4% and a lightness of 52.7%. #7222eb color hex could be obtained by blending #e444ff with #0000d7. Closest websafe color is: #6633ff.

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

● #7222eb color description : Vivid violet.

The hexadecimal color #7222eb has RGB values of R:114, G:34, B:235 and CMYK values of C:0.51, M:0.86, Y:0, K:0.08. Its decimal value is 7480043.

Hex triplet	7222eb	`#7222eb`
RGB Decimal	114, 34, 235	`rgb(114,34,235)`
RGB Percent	44.7, 13.3, 92.2	`rgb(44.7%,13.3%,92.2%)`
CMYK	51, 86, 0, 8
HSL	263.9°, 83.4, 52.7	`hsl(263.9,83.4%,52.7%)`
HSV (or HSB)	263.9°, 85.5, 92.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.104, 71.807, -85.07
XYZ	22.504, 10.719, 79.476
xyY	0.2, 0.095, 10.719
CIE-LCH	39.104, 111.324, 310.168
CIE-LUV	39.104, 7.936, -121.787
Hunter-Lab	32.74, 65.397, -121.006
Binary	01110010, 00100010, 11101011

#7222eb
```
#7222eb rgb(114,34,235)
```
#9beb22
```
#9beb22 rgb(155,235,34)
```

Complementary Color

#2237eb
```
#2237eb rgb(34,55,235)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#d722eb
```
#d722eb rgb(215,34,235)
```

Analogous Color

#37eb22
```
#37eb22 rgb(55,235,34)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#ebd722
```
#ebd722 rgb(235,215,34)
```

Split Complementary Color

#22eb72
```
#22eb72 rgb(34,235,114)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#eb7222
```
#eb7222 rgb(235,114,34)
```

Triadic Color

#229beb
```
#229beb rgb(34,155,235)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#eb7222
```
#eb7222 rgb(235,114,34)
```
#9beb22
```
#9beb22 rgb(155,235,34)
```

Tetradic Color

#5010b1
```
#5010b1 rgb(80,16,177)
```
#5a12c8
```
#5a12c8 rgb(90,18,200)
```
#6514df
```
#6514df rgb(101,20,223)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#8139ed
```
#8139ed rgb(129,57,237)
```
#9051ef
```
#9051ef rgb(144,81,239)
```
#9f68f1
```
#9f68f1 rgb(159,104,241)
```

Monochromatic Color

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

#4022eb
```
#4022eb rgb(64,34,235)
```
#5022eb
```
#5022eb rgb(80,34,235)
```
#6122eb
```
#6122eb rgb(97,34,235)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#8322eb
```
#8322eb rgb(131,34,235)
```
#9422eb
```
#9422eb rgb(148,34,235)
```
#a422eb
```
#a422eb rgb(164,34,235)
```

Similar Colors

Text with hexadecimal color #7222eb

This text has a font color of #7222eb.

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

#7222eb background color

This paragraph has a background color of #7222eb.

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

#7222eb border color

This element has a border color of #7222eb.

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

CSS codes

.text {color:#7222eb;}

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

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

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, #06010d is the darkest color, while #fcfaff is the lightest one.

#06010d
```
#06010d rgb(6,1,13)
```
#0e031f
```
#0e031f rgb(14,3,31)
```
#160431
```
#160431 rgb(22,4,49)
```
#1e0643
```
#1e0643 rgb(30,6,67)
```
#260855
```
#260855 rgb(38,8,85)
```
#2f0967
```
#2f0967 rgb(47,9,103)
```
#370b79
```
#370b79 rgb(55,11,121)
```
#3f0d8b
```
#3f0d8b rgb(63,13,139)
```
#470e9d
```
#470e9d rgb(71,14,157)
```
#4f10af
```
#4f10af rgb(79,16,175)
```
#5711c1
```
#5711c1 rgb(87,17,193)
```
#5f13d3
```
#5f13d3 rgb(95,19,211)
```
#6715e5
```
#6715e5 rgb(103,21,229)
```

Shade Color Variation

#7222eb
```
#7222eb rgb(114,34,235)
```
#7d34ed
```
#7d34ed rgb(125,52,237)
```
#8946ee
```
#8946ee rgb(137,70,238)
```
#9458f0
```
#9458f0 rgb(148,88,240)
```
#a06af2
```
#a06af2 rgb(160,106,242)
```
#ab7cf3
```
#ab7cf3 rgb(171,124,243)
```
#b78ef5
```
#b78ef5 rgb(183,142,245)
```
#c2a0f6
```
#c2a0f6 rgb(194,160,246)
```
#ceb2f8
```
#ceb2f8 rgb(206,178,248)
```
#d9c4fa
```
#d9c4fa rgb(217,196,250)
```
#e5d6fb
```
#e5d6fb rgb(229,214,251)
```
#f0e8fd
```
#f0e8fd rgb(240,232,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#857f8e
```
#857f8e rgb(133,127,142)
```
#837598
```
#837598 rgb(131,117,152)
```
#816ca1
```
#816ca1 rgb(129,108,161)
```
#7f63aa
```
#7f63aa rgb(127,99,170)
```
#7d5ab3
```
#7d5ab3 rgb(125,90,179)
```
#7b50bd
```
#7b50bd rgb(123,80,189)
```
#7a47c6
```
#7a47c6 rgb(122,71,198)
```
#783ecf
```
#783ecf rgb(120,62,207)
```
#7635d8
```
#7635d8 rgb(118,53,216)
```
#742be2
```
#742be2 rgb(116,43,226)
```
#7222eb
```
#7222eb rgb(114,34,235)
```
#7019f4
```
#7019f4 rgb(112,25,244)
```
#6e0ffe
```
#6e0ffe rgb(110,15,254)
```

Tone Color Variation

Below, you can see how #7222eb 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
#0067a5 Deuteranopia 1% of men
#476971 Tritanopia 0.001% of the population

Trichromacy

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

#7222eb hex color

#7222eb Color Information

#7222eb Color Conversion

Color Schemes with #7222eb

Alternatives to #7222eb

#7222eb Preview

Shades and Tints of #7222eb

Tones of #7222eb

Color Blindness Simulator