#7222c4 hex color

In a RGB color space, hex #7222c4 is composed of 44.7% red, 13.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 82.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 269.6 degrees, a saturation of 70.4% and a lightness of 45.1%. #7222c4 color hex could be obtained by blending #e444ff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 13
- B 77
RGB color chart
- C 42
- M 83
- Y 0
- K 23
CMYK color chart

● #7222c4 color description : Strong violet.

The hexadecimal color #7222c4 has RGB values of R:114, G:34, B:196 and CMYK values of C:0.42, M:0.83, Y:0, K:0.23. Its decimal value is 7480004.

Hex triplet	7222c4	`#7222c4`
RGB Decimal	114, 34, 196	`rgb(114,34,196)`
RGB Percent	44.7, 13.3, 76.9	`rgb(44.7%,13.3%,76.9%)`
CMYK	42, 83, 0, 23
HSL	269.6°, 70.4, 45.1	`hsl(269.6,70.4%,45.1%)`
HSV (or HSB)	269.6°, 82.7, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.414, 62.693, -68.663
XYZ	17.474, 8.707, 52.982
xyY	0.221, 0.11, 8.707
CIE-LCH	35.414, 92.979, 312.398
CIE-LUV	35.414, 13.725, -98.108
Hunter-Lab	29.508, 54.064, -85.801
Binary	01110010, 00100010, 11000100

#7222c4
```
#7222c4 rgb(114,34,196)
```
#74c422
```
#74c422 rgb(116,196,34)
```

Complementary Color

#2223c4
```
#2223c4 rgb(34,35,196)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#c322c4
```
#c322c4 rgb(195,34,196)
```

Analogous Color

#23c422
```
#23c422 rgb(35,196,34)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#c4c322
```
#c4c322 rgb(196,195,34)
```

Split Complementary Color

#22c472
```
#22c472 rgb(34,196,114)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#c47222
```
#c47222 rgb(196,114,34)
```

Triadic Color

#2274c4
```
#2274c4 rgb(34,116,196)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#c47222
```
#c47222 rgb(196,114,34)
```
#74c422
```
#74c422 rgb(116,196,34)
```

Tetradic Color

#4c1783
```
#4c1783 rgb(76,23,131)
```
#591a99
```
#591a99 rgb(89,26,153)
```
#651eae
```
#651eae rgb(101,30,174)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#7f26d9
```
#7f26d9 rgb(127,38,217)
```
#8c3cdd
```
#8c3cdd rgb(140,60,221)
```
#9852e1
```
#9852e1 rgb(152,82,225)
```

Monochromatic Color

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

#4922c4
```
#4922c4 rgb(73,34,196)
```
#5722c4
```
#5722c4 rgb(87,34,196)
```
#6522c4
```
#6522c4 rgb(101,34,196)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#8022c4
```
#8022c4 rgb(128,34,196)
```
#8d22c4
```
#8d22c4 rgb(141,34,196)
```
#9b22c4
```
#9b22c4 rgb(155,34,196)
```

Similar Colors

Text with hexadecimal color #7222c4

This text has a font color of #7222c4.

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

#7222c4 background color

This paragraph has a background color of #7222c4.

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

#7222c4 border color

This element has a border color of #7222c4.

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

CSS codes

.text {color:#7222c4;}

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

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

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, #07020c is the darkest color, while #fcfafe is the lightest one.

#07020c
```
#07020c rgb(7,2,12)
```
#11051d
```
#11051d rgb(17,5,29)
```
#1a082e
```
#1a082e rgb(26,8,46)
```
#240b3e
```
#240b3e rgb(36,11,62)
```
#2e0e4f
```
#2e0e4f rgb(46,14,79)
```
#381160
```
#381160 rgb(56,17,96)
```
#411470
```
#411470 rgb(65,20,112)
```
#4b1681
```
#4b1681 rgb(75,22,129)
```
#551992
```
#551992 rgb(85,25,146)
```
#5f1ca3
```
#5f1ca3 rgb(95,28,163)
```
#681fb3
```
#681fb3 rgb(104,31,179)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#7c25d5
```
#7c25d5 rgb(124,37,213)
```

Shade Color Variation

#8632db
```
#8632db rgb(134,50,219)
```
#8f43de
```
#8f43de rgb(143,67,222)
```
#9953e1
```
#9953e1 rgb(153,83,225)
```
#a364e4
```
#a364e4 rgb(163,100,228)
```
#ad75e7
```
#ad75e7 rgb(173,117,231)
```
#b785ea
```
#b785ea rgb(183,133,234)
```
#c196ed
```
#c196ed rgb(193,150,237)
```
#cba7f0
```
#cba7f0 rgb(203,167,240)
```
#d5b8f3
```
#d5b8f3 rgb(213,184,243)
```
#dfc8f6
```
#dfc8f6 rgb(223,200,246)
```
#e8d9f8
```
#e8d9f8 rgb(232,217,248)
```
#f2eafb
```
#f2eafb rgb(242,234,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#737274
```
#737274 rgb(115,114,116)
```
#73697d
```
#73697d rgb(115,105,125)
```
#736086
```
#736086 rgb(115,96,134)
```
#73578f
```
#73578f rgb(115,87,143)
```
#734e98
```
#734e98 rgb(115,78,152)
```
#7245a1
```
#7245a1 rgb(114,69,161)
```
#723da9
```
#723da9 rgb(114,61,169)
```
#7234b2
```
#7234b2 rgb(114,52,178)
```
#722bbb
```
#722bbb rgb(114,43,187)
```
#7222c4
```
#7222c4 rgb(114,34,196)
```
#7219cd
```
#7219cd rgb(114,25,205)
```
#7210d6
```
#7210d6 rgb(114,16,214)
```
#7207df
```
#7207df rgb(114,7,223)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#544464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#5d5b61 Tritanopia 0.001% of the population

Trichromacy

#2945b6 Protanomaly 1% of men, 0.01% of women
#2948a8 Deuteranomaly 6% of men, 0.4% of women
#644685 Tritanomaly 0.01% of the population

#7222c4 hex color

#7222c4 Color Information

#7222c4 Color Conversion

Color Schemes with #7222c4

Alternatives to #7222c4

#7222c4 Preview

Shades and Tints of #7222c4

Tones of #7222c4

Color Blindness Simulator