#a20af2 hex color

In a RGB color space, hex #a20af2 is composed of 63.5% red, 3.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 95.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 279.3 degrees, a saturation of 92.1% and a lightness of 49.4%. #a20af2 color hex could be obtained by blending #ff14ff with #4500e5. Closest websafe color is: #9900ff.

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

● #a20af2 color description : Vivid violet.

The hexadecimal color #a20af2 has RGB values of R:162, G:10, B:242 and CMYK values of C:0.33, M:0.96, Y:0, K:0.05. Its decimal value is 10619634.

Hex triplet	a20af2	`#a20af2`
RGB Decimal	162, 10, 242	`rgb(162,10,242)`
RGB Percent	63.5, 3.9, 94.9	`rgb(63.5%,3.9%,94.9%)`
CMYK	33, 96, 0, 5
HSL	279.3°, 92.1, 49.4	`hsl(279.3,92.1%,49.4%)`
HSV (or HSB)	279.3°, 95.9, 94.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.674, 82.771, -79.635
XYZ	31.034, 14.31, 85.127
xyY	0.238, 0.11, 14.31
CIE-LCH	44.674, 114.86, 316.106
CIE-LUV	44.674, 28.981, -122.718
Hunter-Lab	37.829, 80.236, -106.942
Binary	10100010, 00001010, 11110010

#a20af2
```
#a20af2 rgb(162,10,242)
```
#5af20a
```
#5af20a rgb(90,242,10)
```

Complementary Color

#2e0af2
```
#2e0af2 rgb(46,10,242)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#f20ace
```
#f20ace rgb(242,10,206)
```

Analogous Color

#0af22e
```
#0af22e rgb(10,242,46)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#cef20a
```
#cef20a rgb(206,242,10)
```

Split Complementary Color

#0af2a2
```
#0af2a2 rgb(10,242,162)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#f2a20a
```
#f2a20a rgb(242,162,10)
```

Triadic Color

#0a5af2
```
#0a5af2 rgb(10,90,242)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#f2a20a
```
#f2a20a rgb(242,162,10)
```
#5af20a
```
#5af20a rgb(90,242,10)
```

Tetradic Color

#7107a9
```
#7107a9 rgb(113,7,169)
```
#8108c1
```
#8108c1 rgb(129,8,193)
```
#9209da
```
#9209da rgb(146,9,218)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#ac20f6
```
#ac20f6 rgb(172,32,246)
```
#b538f7
```
#b538f7 rgb(181,56,247)
```
#be51f8
```
#be51f8 rgb(190,81,248)
```

Monochromatic Color

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

#680af2
```
#680af2 rgb(104,10,242)
```
#7b0af2
```
#7b0af2 rgb(123,10,242)
```
#8f0af2
```
#8f0af2 rgb(143,10,242)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#b50af2
```
#b50af2 rgb(181,10,242)
```
#c90af2
```
#c90af2 rgb(201,10,242)
```
#dc0af2
```
#dc0af2 rgb(220,10,242)
```

Similar Colors

Text with hexadecimal color #a20af2

This text has a font color of #a20af2.

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

#a20af2 background color

This paragraph has a background color of #a20af2.

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

#a20af2 border color

This element has a border color of #a20af2.

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

CSS codes

.text {color:#a20af2;}

.background {background-color:#a20af2;}

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

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

#0b0110
```
#0b0110 rgb(11,1,16)
```
#170123
```
#170123 rgb(23,1,35)
```
#240236
```
#240236 rgb(36,2,54)
```
#310348
```
#310348 rgb(49,3,72)
```
#3d045b
```
#3d045b rgb(61,4,91)
```
#4a056e
```
#4a056e rgb(74,5,110)
```
#560581
```
#560581 rgb(86,5,129)
```
#630694
```
#630694 rgb(99,6,148)
```
#7007a7
```
#7007a7 rgb(112,7,167)
```
#7c08b9
```
#7c08b9 rgb(124,8,185)
```
#8908cc
```
#8908cc rgb(137,8,204)
```
#9509df
```
#9509df rgb(149,9,223)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```

Shade Color Variation

#aa1af6
```
#aa1af6 rgb(170,26,246)
```
#b12df6
```
#b12df6 rgb(177,45,246)
```
#b840f7
```
#b840f7 rgb(184,64,247)
```
#bf53f8
```
#bf53f8 rgb(191,83,248)
```
#c665f9
```
#c665f9 rgb(198,101,249)
```
#cd78f9
```
#cd78f9 rgb(205,120,249)
```
#d48bfa
```
#d48bfa rgb(212,139,250)
```
#db9efb
```
#db9efb rgb(219,158,251)
```
#e2b1fc
```
#e2b1fc rgb(226,177,252)
```
#e9c4fd
```
#e9c4fd rgb(233,196,253)
```
#f0d6fd
```
#f0d6fd rgb(240,214,253)
```
#f7e9fe
```
#f7e9fe rgb(247,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#817587
```
#817587 rgb(129,117,135)
```
#846b91
```
#846b91 rgb(132,107,145)
```
#87619b
```
#87619b rgb(135,97,155)
```
#8a58a4
```
#8a58a4 rgb(138,88,164)
```
#8d4eae
```
#8d4eae rgb(141,78,174)
```
#9044b8
```
#9044b8 rgb(144,68,184)
```
#933ac2
```
#933ac2 rgb(147,58,194)
```
#9631cb
```
#9631cb rgb(150,49,203)
```
#9927d5
```
#9927d5 rgb(153,39,213)
```
#9c1ddf
```
#9c1ddf rgb(156,29,223)
```
#9f14e8
```
#9f14e8 rgb(159,20,232)
```
#a20af2
```
#a20af2 rgb(162,10,242)
```
#a500fc
```
#a500fc rgb(165,0,252)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#624472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#8a686f Tritanopia 0.001% of the population

Trichromacy

#3a49e0 Protanomaly 1% of men, 0.01% of women
#3a4dcf Deuteranomaly 6% of men, 0.4% of women
#92469f Tritanomaly 0.01% of the population

#a20af2 hex color

#a20af2 Color Information

#a20af2 Color Conversion

Color Schemes with #a20af2

Alternatives to #a20af2

#a20af2 Preview

Shades and Tints of #a20af2

Tones of #a20af2

Color Blindness Simulator