#a20ef4 hex color

In a RGB color space, hex #a20ef4 is composed of 63.5% red, 5.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 94.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 278.6 degrees, a saturation of 91.3% and a lightness of 50.6%. #a20ef4 color hex could be obtained by blending #ff1cff with #4500e9. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 64
- G 5
- B 96
RGB color chart
- C 34
- M 94
- Y 0
- K 4
CMYK color chart

● #a20ef4 color description : Vivid violet.

The hexadecimal color #a20ef4 has RGB values of R:162, G:14, B:244 and CMYK values of C:0.34, M:0.94, Y:0, K:0.04. Its decimal value is 10620660.

Hex triplet	a20ef4	`#a20ef4`
RGB Decimal	162, 14, 244	`rgb(162,14,244)`
RGB Percent	63.5, 5.5, 95.7	`rgb(63.5%,5.5%,95.7%)`
CMYK	34, 94, 0, 4
HSL	278.6°, 91.3, 50.6	`hsl(278.6,91.3%,50.6%)`
HSV (or HSB)	278.6°, 94.3, 95.7
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.981, 82.742, -80.26
XYZ	31.384, 14.528, 86.734
xyY	0.237, 0.11, 14.528
CIE-LCH	44.981, 115.273, 315.873
CIE-LUV	44.981, 28.389, -123.799
Hunter-Lab	38.115, 80.274, -108.237
Binary	10100010, 00001110, 11110100

#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#60f40e
```
#60f40e rgb(96,244,14)
```

Complementary Color

#2f0ef4
```
#2f0ef4 rgb(47,14,244)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#f40ed3
```
#f40ed3 rgb(244,14,211)
```

Analogous Color

#0ef42f
```
#0ef42f rgb(14,244,47)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#d3f40e
```
#d3f40e rgb(211,244,14)
```

Split Complementary Color

#0ef4a2
```
#0ef4a2 rgb(14,244,162)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#f4a20e
```
#f4a20e rgb(244,162,14)
```

Triadic Color

#0e60f4
```
#0e60f4 rgb(14,96,244)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#f4a20e
```
#f4a20e rgb(244,162,14)
```
#60f40e
```
#60f40e rgb(96,244,14)
```

Tetradic Color

#7308ae
```
#7308ae rgb(115,8,174)
```
#8309c6
```
#8309c6 rgb(131,9,198)
```
#930ade
```
#930ade rgb(147,10,222)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#ab26f5
```
#ab26f5 rgb(171,38,245)
```
#b53ff6
```
#b53ff6 rgb(181,63,246)
```
#be57f7
```
#be57f7 rgb(190,87,247)
```

Monochromatic Color

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

#690ef4
```
#690ef4 rgb(105,14,244)
```
#7c0ef4
```
#7c0ef4 rgb(124,14,244)
```
#8f0ef4
```
#8f0ef4 rgb(143,14,244)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#b50ef4
```
#b50ef4 rgb(181,14,244)
```
#c80ef4
```
#c80ef4 rgb(200,14,244)
```
#dc0ef4
```
#dc0ef4 rgb(220,14,244)
```

Similar Colors

Text with hexadecimal color #a20ef4

This text has a font color of #a20ef4.

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

#a20ef4 background color

This paragraph has a background color of #a20ef4.

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

#a20ef4 border color

This element has a border color of #a20ef4.

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

CSS codes

.text {color:#a20ef4;}

.background {background-color:#a20ef4;}

.border {border:1px solid #a20ef4;}

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0116
```
#0e0116 rgb(14,1,22)
```
#1b0228
```
#1b0228 rgb(27,2,40)
```
#27033b
```
#27033b rgb(39,3,59)
```
#33044e
```
#33044e rgb(51,4,78)
```
#400461
```
#400461 rgb(64,4,97)
```
#4c0573
```
#4c0573 rgb(76,5,115)
```
#590686
```
#590686 rgb(89,6,134)
```
#650799
```
#650799 rgb(101,7,153)
```
#7108ac
```
#7108ac rgb(113,8,172)
```
#7e09be
```
#7e09be rgb(126,9,190)
```
#8a0ad1
```
#8a0ad1 rgb(138,10,209)
```
#960ae4
```
#960ae4 rgb(150,10,228)
```

Shade Color Variation

#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#a921f5
```
#a921f5 rgb(169,33,245)
```
#b034f6
```
#b034f6 rgb(176,52,246)
```
#b846f7
```
#b846f7 rgb(184,70,247)
```
#bf59f7
```
#bf59f7 rgb(191,89,247)
```
#c66cf8
```
#c66cf8 rgb(198,108,248)
```
#cd7ff9
```
#cd7ff9 rgb(205,127,249)
```
#d591fa
```
#d591fa rgb(213,145,250)
```
#dca4fb
```
#dca4fb rgb(220,164,251)
```
#e3b7fc
```
#e3b7fc rgb(227,183,252)
```
#eacafd
```
#eacafd rgb(234,202,253)
```
#f2dcfd
```
#f2dcfd rgb(242,220,253)
```
#f9effe
```
#f9effe rgb(249,239,254)
```

Tint Color Variation

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

#837989
```
#837989 rgb(131,121,137)
```
#866f93
```
#866f93 rgb(134,111,147)
```
#89659d
```
#89659d rgb(137,101,157)
```
#8c5ca6
```
#8c5ca6 rgb(140,92,166)
```
#8f52b0
```
#8f52b0 rgb(143,82,176)
```
#9148ba
```
#9148ba rgb(145,72,186)
```
#943ec4
```
#943ec4 rgb(148,62,196)
```
#9735cd
```
#9735cd rgb(151,53,205)
```
#9a2bd7
```
#9a2bd7 rgb(154,43,215)
```
#9c21e1
```
#9c21e1 rgb(156,33,225)
```
#9f18ea
```
#9f18ea rgb(159,24,234)
```
#a20ef4
```
#a20ef4 rgb(162,14,244)
```
#a504fe
```
#a504fe rgb(165,4,254)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#644674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#896971 Tritanopia 0.001% of the population

Trichromacy

#3a4be1 Protanomaly 1% of men, 0.01% of women
#3a4fd1 Deuteranomaly 6% of men, 0.4% of women
#9248a0 Tritanomaly 0.01% of the population

#a20ef4 hex color

#a20ef4 Color Information

#a20ef4 Color Conversion

Color Schemes with #a20ef4

Alternatives to #a20ef4

#a20ef4 Preview

Shades and Tints of #a20ef4

Tones of #a20ef4

Color Blindness Simulator