colorhexa.com

#a311e2 hex color

In a RGB color space, hex #a311e2 is composed of 63.9% red, 6.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 92.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 281.9 degrees, a saturation of 86% and a lightness of 47.6%. #a311e2 color hex could be obtained by blending #ff22ff with #4700c5. Closest websafe color is: #9900cc.

- R 64
- G 7
- B 89
RGB color chart
- C 28
- M 92
- Y 0
- K 11
CMYK color chart

● #a311e2 color description : Vivid violet.

The hexadecimal color #a311e2 has RGB values of R:163, G:17, B:226 and CMYK values of C:0.28, M:0.92, Y:0, K:0.11. Its decimal value is 10686946.

Hex triplet	a311e2	`#a311e2`
RGB Decimal	163, 17, 226	`rgb(163,17,226)`
RGB Percent	63.9, 6.7, 88.6	`rgb(63.9%,6.7%,88.6%)`
CMYK	28, 92, 0, 11
HSL	281.9°, 86, 47.6	`hsl(281.9,86%,47.6%)`
HSV (or HSB)	281.9°, 92.5, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.77, 79.097, -72.041
XYZ	29.03, 13.679, 73.058
xyY	0.251, 0.118, 13.679
CIE-LCH	43.77, 106.987, 317.673
CIE-LUV	43.77, 33.158, -111.979
Hunter-Lab	36.986, 75.381, -91.227
Binary	10100011, 00010001, 11100010

#a311e2
```
#a311e2 rgb(163,17,226)
```
#50e211
```
#50e211 rgb(80,226,17)
```

Complementary Color

#3b11e2
```
#3b11e2 rgb(59,17,226)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#e211b9
```
#e211b9 rgb(226,17,185)
```

Analogous Color

#11e23b
```
#11e23b rgb(17,226,59)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#b9e211
```
#b9e211 rgb(185,226,17)
```

Split Complementary Color

#11e2a3
```
#11e2a3 rgb(17,226,163)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#e2a311
```
#e2a311 rgb(226,163,17)
```

Triadic Color

#1150e2
```
#1150e2 rgb(17,80,226)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#e2a311
```
#e2a311 rgb(226,163,17)
```
#50e211
```
#50e211 rgb(80,226,17)
```

Tetradic Color

#700c9b
```
#700c9b rgb(112,12,155)
```
#810db3
```
#810db3 rgb(129,13,179)
```
#920fca
```
#920fca rgb(146,15,202)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#af1eee
```
#af1eee rgb(175,30,238)
```
#b836f0
```
#b836f0 rgb(184,54,240)
```
#c04ef2
```
#c04ef2 rgb(192,78,242)
```

Monochromatic Color

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

#6f11e2
```
#6f11e2 rgb(111,17,226)
```
#8011e2
```
#8011e2 rgb(128,17,226)
```
#9211e2
```
#9211e2 rgb(146,17,226)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#b411e2
```
#b411e2 rgb(180,17,226)
```
#c611e2
```
#c611e2 rgb(198,17,226)
```
#d711e2
```
#d711e2 rgb(215,17,226)
```

Similar Colors

Text with hexadecimal color #a311e2

This text has a font color of #a311e2.

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

#a311e2 background color

This paragraph has a background color of #a311e2.

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

#a311e2 border color

This element has a border color of #a311e2.

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

CSS codes

.text {color:#a311e2;}

.background {background-color:#a311e2;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#120219
```
#120219 rgb(18,2,25)
```
#1f032c
```
#1f032c rgb(31,3,44)
```
#2d053e
```
#2d053e rgb(45,5,62)
```
#3a0650
```
#3a0650 rgb(58,6,80)
```
#470762
```
#470762 rgb(71,7,98)
```
#540975
```
#540975 rgb(84,9,117)
```
#610a87
```
#610a87 rgb(97,10,135)
```
#6e0c99
```
#6e0c99 rgb(110,12,153)
```
#7c0dab
```
#7c0dab rgb(124,13,171)
```
#890ebe
```
#890ebe rgb(137,14,190)
```
#9610d0
```
#9610d0 rgb(150,16,208)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```

Shade Color Variation

#ae19ee
```
#ae19ee rgb(174,25,238)
```
#b42bef
```
#b42bef rgb(180,43,239)
```
#ba3df0
```
#ba3df0 rgb(186,61,240)
```
#c150f2
```
#c150f2 rgb(193,80,242)
```
#c762f3
```
#c762f3 rgb(199,98,243)
```
#ce74f5
```
#ce74f5 rgb(206,116,245)
```
#d486f6
```
#d486f6 rgb(212,134,246)
```
#db99f7
```
#db99f7 rgb(219,153,247)
```
#e1abf9
```
#e1abf9 rgb(225,171,249)
```
#e8bdfa
```
#e8bdfa rgb(232,189,250)
```
#eecffb
```
#eecffb rgb(238,207,251)
```
#f5e2fd
```
#f5e2fd rgb(245,226,253)
```
#fbf4fe
```
#fbf4fe rgb(251,244,254)
```

Tint Color Variation

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

#7a787b
```
#7a787b rgb(122,120,123)
```
#7e6e85
```
#7e6e85 rgb(126,110,133)
```
#82658e
```
#82658e rgb(130,101,142)
```
#855c97
```
#855c97 rgb(133,92,151)
```
#8952a1
```
#8952a1 rgb(137,82,161)
```
#8d49aa
```
#8d49aa rgb(141,73,170)
```
#9040b3
```
#9040b3 rgb(144,64,179)
```
#9436bd
```
#9436bd rgb(148,54,189)
```
#982dc6
```
#982dc6 rgb(152,45,198)
```
#9c24cf
```
#9c24cf rgb(156,36,207)
```
#9f1ad9
```
#9f1ad9 rgb(159,26,217)
```
#a311e2
```
#a311e2 rgb(163,17,226)
```
#a708eb
```
#a708eb rgb(167,8,235)
```

Tone Color Variation

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

Dichromacy

#006cd2 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#906369 Tritanopia 0.001% of the population

Trichromacy

#3b4bd8 Protanomaly 1% of men, 0.01% of women
#3b4ec8 Deuteranomaly 6% of men, 0.4% of women
#964595 Tritanomaly 0.01% of the population