#7e22f0 hex color

In a RGB color space, hex #7e22f0 is composed of 49.4% red, 13.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 85.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 266.8 degrees, a saturation of 87.3% and a lightness of 53.7%. #7e22f0 color hex could be obtained by blending #fc44ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 49
- G 13
- B 94
RGB color chart
- C 48
- M 86
- Y 0
- K 6
CMYK color chart

● #7e22f0 color description : Vivid violet.

The hexadecimal color #7e22f0 has RGB values of R:126, G:34, B:240 and CMYK values of C:0.48, M:0.86, Y:0, K:0.06. Its decimal value is 8266480.

Hex triplet	7e22f0	`#7e22f0`
RGB Decimal	126, 34, 240	`rgb(126,34,240)`
RGB Percent	49.4, 13.3, 94.1	`rgb(49.4%,13.3%,94.1%)`
CMYK	48, 86, 0, 6
HSL	266.8°, 87.3, 53.7	`hsl(266.8,87.3%,53.7%)`
HSV (or HSB)	266.8°, 85.8, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.01, 74.206, -84.708
XYZ	24.902, 11.871, 83.413
xyY	0.207, 0.099, 11.871
CIE-LCH	41.01, 112.614, 311.219
CIE-LUV	41.01, 11.7, -124.005
Hunter-Lab	34.454, 68.717, -119.422
Binary	01111110, 00100010, 11110000

#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#94f022
```
#94f022 rgb(148,240,34)
```

Complementary Color

#222df0
```
#222df0 rgb(34,45,240)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```

Analogous Color

#2df022
```
#2df022 rgb(45,240,34)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#f0e522
```
#f0e522 rgb(240,229,34)
```

Split Complementary Color

#22f07e
```
#22f07e rgb(34,240,126)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#f07e22
```
#f07e22 rgb(240,126,34)
```

Triadic Color

#2294f0
```
#2294f0 rgb(34,148,240)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#f07e22
```
#f07e22 rgb(240,126,34)
```
#94f022
```
#94f022 rgb(148,240,34)
```

Tetradic Color

#5a0db9
```
#5a0db9 rgb(90,13,185)
```
#650ed1
```
#650ed1 rgb(101,14,209)
```
#7110e9
```
#7110e9 rgb(113,16,233)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#8c3af2
```
#8c3af2 rgb(140,58,242)
```
#9a52f3
```
#9a52f3 rgb(154,82,243)
```
#a86af5
```
#a86af5 rgb(168,106,245)
```

Monochromatic Color

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

#4a22f0
```
#4a22f0 rgb(74,34,240)
```
#5c22f0
```
#5c22f0 rgb(92,34,240)
```
#6d22f0
```
#6d22f0 rgb(109,34,240)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#8f22f0
```
#8f22f0 rgb(143,34,240)
```
#a022f0
```
#a022f0 rgb(160,34,240)
```
#b222f0
```
#b222f0 rgb(178,34,240)
```

Similar Colors

Text with hexadecimal color #7e22f0

This text has a font color of #7e22f0.

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

#7e22f0 background color

This paragraph has a background color of #7e22f0.

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

#7e22f0 border color

This element has a border color of #7e22f0.

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

CSS codes

.text {color:#7e22f0;}

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

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

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

#090112
```
#090112 rgb(9,1,18)
```
#120224
```
#120224 rgb(18,2,36)
```
#1a0437
```
#1a0437 rgb(26,4,55)
```
#230549
```
#230549 rgb(35,5,73)
```
#2c065b
```
#2c065b rgb(44,6,91)
```
#35076e
```
#35076e rgb(53,7,110)
```
#3e0980
```
#3e0980 rgb(62,9,128)
```
#470a92
```
#470a92 rgb(71,10,146)
```
#500ba5
```
#500ba5 rgb(80,11,165)
```
#590cb7
```
#590cb7 rgb(89,12,183)
```
#620ec9
```
#620ec9 rgb(98,14,201)
```
#6a0fdc
```
#6a0fdc rgb(106,15,220)
```
#7310ee
```
#7310ee rgb(115,16,238)
```

Shade Color Variation

#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#8934f1
```
#8934f1 rgb(137,52,241)
```
#9347f2
```
#9347f2 rgb(147,71,242)
```
#9e59f4
```
#9e59f4 rgb(158,89,244)
```
#a96bf5
```
#a96bf5 rgb(169,107,245)
```
#b47ef6
```
#b47ef6 rgb(180,126,246)
```
#be90f7
```
#be90f7 rgb(190,144,247)
```
#c9a3f9
```
#c9a3f9 rgb(201,163,249)
```
#d4b5fa
```
#d4b5fa rgb(212,181,250)
```
#dec7fb
```
#dec7fb rgb(222,199,251)
```
#e9dafc
```
#e9dafc rgb(233,218,252)
```
#f4ecfe
```
#f4ecfe rgb(244,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#89868c
```
#89868c rgb(137,134,140)
```
#887d95
```
#887d95 rgb(136,125,149)
```
#87749e
```
#87749e rgb(135,116,158)
```
#866ba7
```
#866ba7 rgb(134,107,167)
```
#8562b0
```
#8562b0 rgb(133,98,176)
```
#8458ba
```
#8458ba rgb(132,88,186)
```
#834fc3
```
#834fc3 rgb(131,79,195)
```
#8246cc
```
#8246cc rgb(130,70,204)
```
#813dd5
```
#813dd5 rgb(129,61,213)
```
#8034de
```
#8034de rgb(128,52,222)
```
#7f2be7
```
#7f2be7 rgb(127,43,231)
```
#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#7d19f9
```
#7d19f9 rgb(125,25,249)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#5d4b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#596b73 Tritanopia 0.001% of the population

Trichromacy

#2d4dd5 Protanomaly 1% of men, 0.01% of women
#2d50c5 Deuteranomaly 6% of men, 0.4% of women
#6650a0 Tritanomaly 0.01% of the population

#7e22f0 hex color

#7e22f0 Color Information

#7e22f0 Color Conversion

Color Schemes with #7e22f0

Alternatives to #7e22f0

#7e22f0 Preview

Shades and Tints of #7e22f0

Tones of #7e22f0

Color Blindness Simulator