#7e22ad hex color

In a RGB color space, hex #7e22ad is composed of 49.4% red, 13.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 80.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 279.7 degrees, a saturation of 67.1% and a lightness of 40.6%. #7e22ad color hex could be obtained by blending #fc44ff with #00005b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 49
- G 13
- B 68
RGB color chart
- C 27
- M 80
- Y 0
- K 32
CMYK color chart

● #7e22ad color description : Dark violet.

The hexadecimal color #7e22ad has RGB values of R:126, G:34, B:173 and CMYK values of C:0.27, M:0.8, Y:0, K:0.32. Its decimal value is 8266413.

Hex triplet	7e22ad	`#7e22ad`
RGB Decimal	126, 34, 173	`rgb(126,34,173)`
RGB Percent	49.4, 13.3, 67.8	`rgb(49.4%,13.3%,67.8%)`
CMYK	27, 80, 0, 32
HSL	279.7°, 67.1, 40.6	`hsl(279.7,67.1%,40.6%)`
HSV (or HSB)	279.7°, 80.3, 67.8
Web Safe	663399	`#663399`

CIE-LAB	35.197, 59.469, -55.34
XYZ	16.718, 8.597, 40.312
xyY	0.255, 0.131, 8.597
CIE-LCH	35.197, 81.235, 317.06
CIE-LUV	35.197, 24.242, -81.5
Hunter-Lab	29.321, 50.463, -60.989
Binary	01111110, 00100010, 10101101

#7e22ad
```
#7e22ad rgb(126,34,173)
```
#51ad22
```
#51ad22 rgb(81,173,34)
```

Complementary Color

#3922ad
```
#3922ad rgb(57,34,173)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#ad2297
```
#ad2297 rgb(173,34,151)
```

Analogous Color

#22ad39
```
#22ad39 rgb(34,173,57)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#97ad22
```
#97ad22 rgb(151,173,34)
```

Split Complementary Color

#22ad7e
```
#22ad7e rgb(34,173,126)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#ad7e22
```
#ad7e22 rgb(173,126,34)
```

Triadic Color

#2251ad
```
#2251ad rgb(34,81,173)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#ad7e22
```
#ad7e22 rgb(173,126,34)
```
#51ad22
```
#51ad22 rgb(81,173,34)
```

Tetradic Color

#4f156d
```
#4f156d rgb(79,21,109)
```
#5f1a82
```
#5f1a82 rgb(95,26,130)
```
#6e1e98
```
#6e1e98 rgb(110,30,152)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#8e26c2
```
#8e26c2 rgb(142,38,194)
```
#9c2cd6
```
#9c2cd6 rgb(156,44,214)
```
#a642da
```
#a642da rgb(166,66,218)
```

Monochromatic Color

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

#5b22ad
```
#5b22ad rgb(91,34,173)
```
#6722ad
```
#6722ad rgb(103,34,173)
```
#7222ad
```
#7222ad rgb(114,34,173)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#8a22ad
```
#8a22ad rgb(138,34,173)
```
#9522ad
```
#9522ad rgb(149,34,173)
```
#a122ad
```
#a122ad rgb(161,34,173)
```

Similar Colors

Text with hexadecimal color #7e22ad

This text has a font color of #7e22ad.

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

#7e22ad background color

This paragraph has a background color of #7e22ad.

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

#7e22ad border color

This element has a border color of #7e22ad.

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

CSS codes

.text {color:#7e22ad;}

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

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

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

#070209
```
#070209 rgb(7,2,9)
```
#130519
```
#130519 rgb(19,5,25)
```
#1e082a
```
#1e082a rgb(30,8,42)
```
#2a0b3a
```
#2a0b3a rgb(42,11,58)
```
#360f4b
```
#360f4b rgb(54,15,75)
```
#42125b
```
#42125b rgb(66,18,91)
```
#4e156b
```
#4e156b rgb(78,21,107)
```
#5a187c
```
#5a187c rgb(90,24,124)
```
#661c8c
```
#661c8c rgb(102,28,140)
```
#721f9d
```
#721f9d rgb(114,31,157)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#8a25bd
```
#8a25bd rgb(138,37,189)
```
#9628ce
```
#9628ce rgb(150,40,206)
```

Shade Color Variation

#9f33d7
```
#9f33d7 rgb(159,51,215)
```
#a743da
```
#a743da rgb(167,67,218)
```
#af54dd
```
#af54dd rgb(175,84,221)
```
#b664e1
```
#b664e1 rgb(182,100,225)
```
#be75e4
```
#be75e4 rgb(190,117,228)
```
#c685e7
```
#c685e7 rgb(198,133,231)
```
#ce95ea
```
#ce95ea rgb(206,149,234)
```
#d5a6ed
```
#d5a6ed rgb(213,166,237)
```
#ddb6f1
```
#ddb6f1 rgb(221,182,241)
```
#e5c6f4
```
#e5c6f4 rgb(229,198,244)
```
#ecd7f7
```
#ecd7f7 rgb(236,215,247)
```
#f4e7fa
```
#f4e7fa rgb(244,231,250)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69626d is the less saturated color, while #8802cd is the most saturated one.

#69626d
```
#69626d rgb(105,98,109)
```
#6c5a75
```
#6c5a75 rgb(108,90,117)
```
#6f527d
```
#6f527d rgb(111,82,125)
```
#714a85
```
#714a85 rgb(113,74,133)
```
#74428d
```
#74428d rgb(116,66,141)
```
#763a95
```
#763a95 rgb(118,58,149)
```
#79329d
```
#79329d rgb(121,50,157)
```
#7b2aa5
```
#7b2aa5 rgb(123,42,165)
```
#7e22ad
```
#7e22ad rgb(126,34,173)
```
#811ab5
```
#811ab5 rgb(129,26,181)
```
#8312bd
```
#8312bd rgb(131,18,189)
```
#860ac5
```
#860ac5 rgb(134,10,197)
```
#8802cd
```
#8802cd rgb(136,2,205)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#574460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005d9a Deuteranopia 1% of men
#735358 Tritanopia 0.001% of the population

Trichromacy

#2d45ad Protanomaly 1% of men, 0.01% of women
#2d47a1 Deuteranomaly 6% of men, 0.4% of women
#774177 Tritanomaly 0.01% of the population

#7e22ad hex color

#7e22ad Color Information

#7e22ad Color Conversion

Color Schemes with #7e22ad

Alternatives to #7e22ad

#7e22ad Preview

Shades and Tints of #7e22ad

Tones of #7e22ad

Color Blindness Simulator