#7e22a0 hex color

In a RGB color space, hex #7e22a0 is composed of 49.4% red, 13.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 78.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 283.8 degrees, a saturation of 64.9% and a lightness of 38%. #7e22a0 color hex could be obtained by blending #fc44ff with #000041. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 49
- G 13
- B 63
RGB color chart
- C 21
- M 79
- Y 0
- K 37
CMYK color chart

● #7e22a0 color description : Dark violet.

The hexadecimal color #7e22a0 has RGB values of R:126, G:34, B:160 and CMYK values of C:0.21, M:0.79, Y:0, K:0.37. Its decimal value is 8266400.

Hex triplet	7e22a0	`#7e22a0`
RGB Decimal	126, 34, 160	`rgb(126,34,160)`
RGB Percent	49.4, 13.3, 62.7	`rgb(49.4%,13.3%,62.7%)`
CMYK	21, 79, 0, 37
HSL	283.8°, 64.9, 38	`hsl(283.8,64.9%,38%)`
HSV (or HSB)	283.8°, 78.8, 62.7
Web Safe	663399	`#663399`

CIE-LAB	34.228, 56.791, -49.093
XYZ	15.521, 8.118, 34.005
xyY	0.269, 0.141, 8.118
CIE-LCH	34.228, 75.069, 319.158
CIE-LUV	34.228, 27.401, -72.539
Hunter-Lab	28.493, 47.371, -50.816
Binary	01111110, 00100010, 10100000

#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#44a022
```
#44a022 rgb(68,160,34)
```

Complementary Color

#3f22a0
```
#3f22a0 rgb(63,34,160)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#a02283
```
#a02283 rgb(160,34,131)
```

Analogous Color

#22a03f
```
#22a03f rgb(34,160,63)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#83a022
```
#83a022 rgb(131,160,34)
```

Split Complementary Color

#22a07e
```
#22a07e rgb(34,160,126)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#a07e22
```
#a07e22 rgb(160,126,34)
```

Triadic Color

#2244a0
```
#2244a0 rgb(34,68,160)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#a07e22
```
#a07e22 rgb(160,126,34)
```
#44a022
```
#44a022 rgb(68,160,34)
```

Tetradic Color

#4c1561
```
#4c1561 rgb(76,21,97)
```
#5d1976
```
#5d1976 rgb(93,25,118)
```
#6d1e8b
```
#6d1e8b rgb(109,30,139)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#8f26b5
```
#8f26b5 rgb(143,38,181)
```
#9f2bca
```
#9f2bca rgb(159,43,202)
```
#ab39d5
```
#ab39d5 rgb(171,57,213)
```

Monochromatic Color

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

#5e22a0
```
#5e22a0 rgb(94,34,160)
```
#6922a0
```
#6922a0 rgb(105,34,160)
```
#7422a0
```
#7422a0 rgb(116,34,160)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#8922a0
```
#8922a0 rgb(137,34,160)
```
#9322a0
```
#9322a0 rgb(147,34,160)
```
#9e22a0
```
#9e22a0 rgb(158,34,160)
```

Similar Colors

Text with hexadecimal color #7e22a0

This text has a font color of #7e22a0.

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

#7e22a0 background color

This paragraph has a background color of #7e22a0.

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

#7e22a0 border color

This element has a border color of #7e22a0.

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

CSS codes

.text {color:#7e22a0;}

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

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

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, #0b030e is the darkest color, while #fefdff is the lightest one.

#0b030e
```
#0b030e rgb(11,3,14)
```
#18061f
```
#18061f rgb(24,6,31)
```
#250a2f
```
#250a2f rgb(37,10,47)
```
#320d3f
```
#320d3f rgb(50,13,63)
```
#3e114f
```
#3e114f rgb(62,17,79)
```
#4b145f
```
#4b145f rgb(75,20,95)
```
#58186f
```
#58186f rgb(88,24,111)
```
#651b80
```
#651b80 rgb(101,27,128)
```
#711f90
```
#711f90 rgb(113,31,144)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#8b25b0
```
#8b25b0 rgb(139,37,176)
```
#9729c0
```
#9729c0 rgb(151,41,192)
```
#a42cd1
```
#a42cd1 rgb(164,44,209)
```

Shade Color Variation

#ac3bd5
```
#ac3bd5 rgb(172,59,213)
```
#b34bd9
```
#b34bd9 rgb(179,75,217)
```
#b95bdc
```
#b95bdc rgb(185,91,220)
```
#c06ce0
```
#c06ce0 rgb(192,108,224)
```
#c77ce3
```
#c77ce3 rgb(199,124,227)
```
#ce8ce7
```
#ce8ce7 rgb(206,140,231)
```
#d59cea
```
#d59cea rgb(213,156,234)
```
#dcaced
```
#dcaced rgb(220,172,237)
```
#e3bdf1
```
#e3bdf1 rgb(227,189,241)
```
#eacdf4
```
#eacdf4 rgb(234,205,244)
```
#f0ddf8
```
#f0ddf8 rgb(240,221,248)
```
#f7edfb
```
#f7edfb rgb(247,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#635e64
```
#635e64 rgb(99,94,100)
```
#66566c
```
#66566c rgb(102,86,108)
```
#694f73
```
#694f73 rgb(105,79,115)
```
#6d477b
```
#6d477b rgb(109,71,123)
```
#704082
```
#704082 rgb(112,64,130)
```
#74388a
```
#74388a rgb(116,56,138)
```
#773191
```
#773191 rgb(119,49,145)
```
#7b2999
```
#7b2999 rgb(123,41,153)
```
#7e22a0
```
#7e22a0 rgb(126,34,160)
```
#811ba7
```
#811ba7 rgb(129,27,167)
```
#8513af
```
#8513af rgb(133,19,175)
```
#880cb6
```
#880cb6 rgb(136,12,182)
```
#8c04be
```
#8c04be rgb(140,4,190)
```

Tone Color Variation

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

Dichromacy

#0056a9 Protanopia 1% of men
#0a5a97 Deuteranopia 1% of men
#764e53 Tritanopia 0.001% of the population

Trichromacy

#2d43a6 Protanomaly 1% of men, 0.01% of women
#34469a Deuteranomaly 6% of men, 0.4% of women
#793e6f Tritanomaly 0.01% of the population

#7e22a0 hex color

#7e22a0 Color Information

#7e22a0 Color Conversion

Color Schemes with #7e22a0

Alternatives to #7e22a0

#7e22a0 Preview

Shades and Tints of #7e22a0

Tones of #7e22a0

Color Blindness Simulator