#7a22cc hex color

In a RGB color space, hex #7a22cc is composed of 47.8% red, 13.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 83.3% magenta, 0% yellow and 20% black. It has a hue angle of 271.1 degrees, a saturation of 71.4% and a lightness of 46.7%. #7a22cc color hex could be obtained by blending #f444ff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 48
- G 13
- B 80
RGB color chart
- C 40
- M 83
- Y 0
- K 20
CMYK color chart

● #7a22cc color description : Strong violet.

The hexadecimal color #7a22cc has RGB values of R:122, G:34, B:204 and CMYK values of C:0.4, M:0.83, Y:0, K:0.2. Its decimal value is 8004300.

Hex triplet	7a22cc	`#7a22cc`
RGB Decimal	122, 34, 204	`rgb(122,34,204)`
RGB Percent	47.8, 13.3, 80	`rgb(47.8%,13.3%,80%)`
CMYK	40, 83, 0, 20
HSL	271.1°, 71.4, 46.7	`hsl(271.1,71.4%,46.7%)`
HSV (or HSB)	271.1°, 83.3, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.191, 65.601, -70.378
XYZ	19.495, 9.641, 57.957
xyY	0.224, 0.111, 9.641
CIE-LCH	37.191, 96.211, 312.988
CIE-LUV	37.191, 15.898, -102.307
Hunter-Lab	31.051, 57.734, -88.932
Binary	01111010, 00100010, 11001100

#7a22cc
```
#7a22cc rgb(122,34,204)
```
#74cc22
```
#74cc22 rgb(116,204,34)
```

Complementary Color

#2522cc
```
#2522cc rgb(37,34,204)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#cc22c9
```
#cc22c9 rgb(204,34,201)
```

Analogous Color

#22cc25
```
#22cc25 rgb(34,204,37)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#c9cc22
```
#c9cc22 rgb(201,204,34)
```

Split Complementary Color

#22cc7a
```
#22cc7a rgb(34,204,122)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#cc7a22
```
#cc7a22 rgb(204,122,34)
```

Triadic Color

#2274cc
```
#2274cc rgb(34,116,204)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#cc7a22
```
#cc7a22 rgb(204,122,34)
```
#74cc22
```
#74cc22 rgb(116,204,34)
```

Tetradic Color

#53178a
```
#53178a rgb(83,23,138)
```
#601ba0
```
#601ba0 rgb(96,27,160)
```
#6d1eb6
```
#6d1eb6 rgb(109,30,182)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#872cdc
```
#872cdc rgb(135,44,220)
```
#9342df
```
#9342df rgb(147,66,223)
```
#a057e3
```
#a057e3 rgb(160,87,227)
```

Monochromatic Color

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

#4f22cc
```
#4f22cc rgb(79,34,204)
```
#5e22cc
```
#5e22cc rgb(94,34,204)
```
#6c22cc
```
#6c22cc rgb(108,34,204)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#8822cc
```
#8822cc rgb(136,34,204)
```
#9622cc
```
#9622cc rgb(150,34,204)
```
#a522cc
```
#a522cc rgb(165,34,204)
```

Similar Colors

Text with hexadecimal color #7a22cc

This text has a font color of #7a22cc.

<span style="color:#7a22cc;">Text here</span>

#7a22cc background color

This paragraph has a background color of #7a22cc.

<p style="background-color:#7a22cc;">Content here</p>

#7a22cc border color

This element has a border color of #7a22cc.

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

CSS codes

.text {color:#7a22cc;}

.background {background-color:#7a22cc;}

.border {border:1px solid #7a22cc;}

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

#010002
```
#010002 rgb(1,0,2)
```
#0b0313
```
#0b0313 rgb(11,3,19)
```
#150624
```
#150624 rgb(21,6,36)
```
#200935
```
#200935 rgb(32,9,53)
```
#2a0c45
```
#2a0c45 rgb(42,12,69)
```
#340e56
```
#340e56 rgb(52,14,86)
```
#3e1167
```
#3e1167 rgb(62,17,103)
```
#481478
```
#481478 rgb(72,20,120)
```
#521789
```
#521789 rgb(82,23,137)
```
#5c1a9a
```
#5c1a9a rgb(92,26,154)
```
#661caa
```
#661caa rgb(102,28,170)
```
#701fbb
```
#701fbb rgb(112,31,187)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```

Shade Color Variation

#8427db
```
#8427db rgb(132,39,219)
```
#8e37de
```
#8e37de rgb(142,55,222)
```
#9748e1
```
#9748e1 rgb(151,72,225)
```
#a159e3
```
#a159e3 rgb(161,89,227)
```
#aa6ae6
```
#aa6ae6 rgb(170,106,230)
```
#b47be9
```
#b47be9 rgb(180,123,233)
```
#bd8cec
```
#bd8cec rgb(189,140,236)
```
#c79cef
```
#c79cef rgb(199,156,239)
```
#d0adf1
```
#d0adf1 rgb(208,173,241)
```
#dabef4
```
#dabef4 rgb(218,190,244)
```
#e4cff7
```
#e4cff7 rgb(228,207,247)
```
#ede0fa
```
#ede0fa rgb(237,224,250)
```
#f7f0fd
```
#f7f0fd rgb(247,240,253)
```

Tint Color Variation

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

#77747a
```
#77747a rgb(119,116,122)
```
#776b83
```
#776b83 rgb(119,107,131)
```
#78628c
```
#78628c rgb(120,98,140)
```
#785995
```
#785995 rgb(120,89,149)
```
#78509e
```
#78509e rgb(120,80,158)
```
#7947a7
```
#7947a7 rgb(121,71,167)
```
#793db1
```
#793db1 rgb(121,61,177)
```
#7934ba
```
#7934ba rgb(121,52,186)
```
#7a2bc3
```
#7a2bc3 rgb(122,43,195)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```
#7a19d5
```
#7a19d5 rgb(122,25,213)
```
#7b10de
```
#7b10de rgb(123,16,222)
```
#7b07e7
```
#7b07e7 rgb(123,7,231)
```

Tone Color Variation

Below, you can see how #7a22cc 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
#584769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#645e65 Tritanopia 0.001% of the population

Trichromacy

#2c47bd Protanomaly 1% of men, 0.01% of women
#2c4baf Deuteranomaly 6% of men, 0.4% of women
#6c488a Tritanomaly 0.01% of the population

#7a22cc hex color

#7a22cc Color Information

#7a22cc Color Conversion

Color Schemes with #7a22cc

Alternatives to #7a22cc

#7a22cc Preview

Shades and Tints of #7a22cc

Tones of #7a22cc

Color Blindness Simulator