#7e22a5 hex color

In a RGB color space, hex #7e22a5 is composed of 49.4% red, 13.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 79.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 282.1 degrees, a saturation of 65.8% and a lightness of 39%. #7e22a5 color hex could be obtained by blending #fc44ff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 49
- G 13
- B 65
RGB color chart
- C 24
- M 79
- Y 0
- K 35
CMYK color chart

● #7e22a5 color description : Dark violet.

The hexadecimal color #7e22a5 has RGB values of R:126, G:34, B:165 and CMYK values of C:0.24, M:0.79, Y:0, K:0.35. Its decimal value is 8266405.

Hex triplet	7e22a5	`#7e22a5`
RGB Decimal	126, 34, 165	`rgb(126,34,165)`
RGB Percent	49.4, 13.3, 64.7	`rgb(49.4%,13.3%,64.7%)`
CMYK	24, 79, 0, 35
HSL	282.1°, 65.8, 39	`hsl(282.1,65.8%,39%)`
HSV (or HSB)	282.1°, 79.4, 64.7
Web Safe	663399	`#663399`

CIE-LAB	34.594, 57.811, -51.52
XYZ	15.967, 8.297, 36.356
xyY	0.263, 0.137, 8.297
CIE-LCH	34.594, 77.436, 318.293
CIE-LUV	34.594, 26.154, -76.018
Hunter-Lab	28.804, 48.539, -54.671
Binary	01111110, 00100010, 10100101

#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#49a522
```
#49a522 rgb(73,165,34)
```

Complementary Color

#3d22a5
```
#3d22a5 rgb(61,34,165)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#a5228b
```
#a5228b rgb(165,34,139)
```

Analogous Color

#22a53d
```
#22a53d rgb(34,165,61)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#8ba522
```
#8ba522 rgb(139,165,34)
```

Split Complementary Color

#22a57e
```
#22a57e rgb(34,165,126)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#a57e22
```
#a57e22 rgb(165,126,34)
```

Triadic Color

#2249a5
```
#2249a5 rgb(34,73,165)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#a57e22
```
#a57e22 rgb(165,126,34)
```
#49a522
```
#49a522 rgb(73,165,34)
```

Tetradic Color

#4e1566
```
#4e1566 rgb(78,21,102)
```
#5e197b
```
#5e197b rgb(94,25,123)
```
#6e1e90
```
#6e1e90 rgb(110,30,144)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#8e26ba
```
#8e26ba rgb(142,38,186)
```
#9e2bcf
```
#9e2bcf rgb(158,43,207)
```
#a93dd7
```
#a93dd7 rgb(169,61,215)
```

Monochromatic Color

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

#5d22a5
```
#5d22a5 rgb(93,34,165)
```
#6822a5
```
#6822a5 rgb(104,34,165)
```
#7322a5
```
#7322a5 rgb(115,34,165)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#8922a5
```
#8922a5 rgb(137,34,165)
```
#9422a5
```
#9422a5 rgb(148,34,165)
```
#9f22a5
```
#9f22a5 rgb(159,34,165)
```

Similar Colors

Text with hexadecimal color #7e22a5

This text has a font color of #7e22a5.

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

#7e22a5 background color

This paragraph has a background color of #7e22a5.

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

#7e22a5 border color

This element has a border color of #7e22a5.

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

CSS codes

.text {color:#7e22a5;}

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

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0e0413
```
#0e0413 rgb(14,4,19)
```
#1b0723
```
#1b0723 rgb(27,7,35)
```
#270b33
```
#270b33 rgb(39,11,51)
```
#330e43
```
#330e43 rgb(51,14,67)
```
#401154
```
#401154 rgb(64,17,84)
```
#4c1564
```
#4c1564 rgb(76,21,100)
```
#591874
```
#591874 rgb(89,24,116)
```
#651b84
```
#651b84 rgb(101,27,132)
```
#721f95
```
#721f95 rgb(114,31,149)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#8a25b5
```
#8a25b5 rgb(138,37,181)
```
#9729c6
```
#9729c6 rgb(151,41,198)
```

Shade Color Variation

#a32ed4
```
#a32ed4 rgb(163,46,212)
```
#aa3ed7
```
#aa3ed7 rgb(170,62,215)
```
#b14edb
```
#b14edb rgb(177,78,219)
```
#b85fde
```
#b85fde rgb(184,95,222)
```
#bf6fe1
```
#bf6fe1 rgb(191,111,225)
```
#c67fe5
```
#c67fe5 rgb(198,127,229)
```
#ce90e8
```
#ce90e8 rgb(206,144,232)
```
#d5a0eb
```
#d5a0eb rgb(213,160,235)
```
#dcb0ef
```
#dcb0ef rgb(220,176,239)
```
#e3c0f2
```
#e3c0f2 rgb(227,192,242)
```
#ead1f5
```
#ead1f5 rgb(234,209,245)
```
#f2e1f9
```
#f2e1f9 rgb(242,225,249)
```
#f9f1fc
```
#f9f1fc rgb(249,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #655f68 is the less saturated color, while #8a03c4 is the most saturated one.

#655f68
```
#655f68 rgb(101,95,104)
```
#68586f
```
#68586f rgb(104,88,111)
```
#6b5077
```
#6b5077 rgb(107,80,119)
```
#6f487f
```
#6f487f rgb(111,72,127)
```
#724186
```
#724186 rgb(114,65,134)
```
#75398e
```
#75398e rgb(117,57,142)
```
#783196
```
#783196 rgb(120,49,150)
```
#7b2a9d
```
#7b2a9d rgb(123,42,157)
```
#7e22a5
```
#7e22a5 rgb(126,34,165)
```
#811aad
```
#811aad rgb(129,26,173)
```
#8413b4
```
#8413b4 rgb(132,19,180)
```
#870bbc
```
#870bbc rgb(135,11,188)
```
#8a03c4
```
#8a03c4 rgb(138,3,196)
```

Tone Color Variation

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

Dichromacy

#0057ab Protanopia 1% of men
#005b98 Deuteranopia 1% of men
#755055 Tritanopia 0.001% of the population

Trichromacy

#2d44a8 Protanomaly 1% of men, 0.01% of women
#2d469d Deuteranomaly 6% of men, 0.4% of women
#783f72 Tritanomaly 0.01% of the population

#7e22a5 hex color

#7e22a5 Color Information

#7e22a5 Color Conversion

Color Schemes with #7e22a5

Alternatives to #7e22a5

#7e22a5 Preview

Shades and Tints of #7e22a5

Tones of #7e22a5

Color Blindness Simulator