#a31ae0 hex color

In a RGB color space, hex #a31ae0 is composed of 63.9% red, 10.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 88.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 281.5 degrees, a saturation of 79.2% and a lightness of 49%. #a31ae0 color hex could be obtained by blending #ff34ff with #4700c1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 64
- G 10
- B 88
RGB color chart
- C 27
- M 88
- Y 0
- K 12
CMYK color chart

● #a31ae0 color description : Vivid violet.

The hexadecimal color #a31ae0 has RGB values of R:163, G:26, B:224 and CMYK values of C:0.27, M:0.88, Y:0, K:0.12. Its decimal value is 10689248.

Hex triplet	a31ae0	`#a31ae0`
RGB Decimal	163, 26, 224	`rgb(163,26,224)`
RGB Percent	63.9, 10.2, 87.8	`rgb(63.9%,10.2%,87.8%)`
CMYK	27, 88, 0, 12
HSL	281.5°, 79.2, 49	`hsl(281.5,79.2%,49%)`
HSV (or HSB)	281.5°, 88.4, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.101, 77.267, -70.36
XYZ	28.926, 13.908, 71.678
xyY	0.253, 0.121, 13.908
CIE-LCH	44.101, 104.502, 317.679
CIE-LUV	44.101, 33.147, -109.939
Hunter-Lab	37.294, 73.188, -87.849
Binary	10100011, 00011010, 11100000

#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#57e01a
```
#57e01a rgb(87,224,26)
```

Complementary Color

#401ae0
```
#401ae0 rgb(64,26,224)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#e01aba
```
#e01aba rgb(224,26,186)
```

Analogous Color

#1ae040
```
#1ae040 rgb(26,224,64)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#bae01a
```
#bae01a rgb(186,224,26)
```

Split Complementary Color

#1ae0a3
```
#1ae0a3 rgb(26,224,163)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#e0a31a
```
#e0a31a rgb(224,163,26)
```

Triadic Color

#1a57e0
```
#1a57e0 rgb(26,87,224)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#e0a31a
```
#e0a31a rgb(224,163,26)
```
#57e01a
```
#57e01a rgb(87,224,26)
```

Tetradic Color

#71129b
```
#71129b rgb(113,18,155)
```
#8215b2
```
#8215b2 rgb(130,21,178)
```
#9217c9
```
#9217c9 rgb(146,23,201)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#ad2de7
```
#ad2de7 rgb(173,45,231)
```
#b644e9
```
#b644e9 rgb(182,68,233)
```
#bf5bec
```
#bf5bec rgb(191,91,236)
```

Monochromatic Color

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

#721ae0
```
#721ae0 rgb(114,26,224)
```
#821ae0
```
#821ae0 rgb(130,26,224)
```
#931ae0
```
#931ae0 rgb(147,26,224)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#b41ae0
```
#b41ae0 rgb(180,26,224)
```
#c41ae0
```
#c41ae0 rgb(196,26,224)
```
#d51ae0
```
#d51ae0 rgb(213,26,224)
```

Similar Colors

Text with hexadecimal color #a31ae0

This text has a font color of #a31ae0.

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

#a31ae0 background color

This paragraph has a background color of #a31ae0.

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

#a31ae0 border color

This element has a border color of #a31ae0.

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

CSS codes

.text {color:#a31ae0;}

.background {background-color:#a31ae0;}

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

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

#0a020d
```
#0a020d rgb(10,2,13)
```
#16041f
```
#16041f rgb(22,4,31)
```
#230630
```
#230630 rgb(35,6,48)
```
#300842
```
#300842 rgb(48,8,66)
```
#3d0a53
```
#3d0a53 rgb(61,10,83)
```
#490c65
```
#490c65 rgb(73,12,101)
```
#560e77
```
#560e77 rgb(86,14,119)
```
#631088
```
#631088 rgb(99,16,136)
```
#70129a
```
#70129a rgb(112,18,154)
```
#7d14ab
```
#7d14ab rgb(125,20,171)
```
#8916bd
```
#8916bd rgb(137,22,189)
```
#9618ce
```
#9618ce rgb(150,24,206)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```

Shade Color Variation

#ab28e6
```
#ab28e6 rgb(171,40,230)
```
#b239e8
```
#b239e8 rgb(178,57,232)
```
#b94bea
```
#b94bea rgb(185,75,234)
```
#c05cec
```
#c05cec rgb(192,92,236)
```
#c76eee
```
#c76eee rgb(199,110,238)
```
#cd7ff0
```
#cd7ff0 rgb(205,127,240)
```
#d491f2
```
#d491f2 rgb(212,145,242)
```
#dba3f4
```
#dba3f4 rgb(219,163,244)
```
#e2b4f6
```
#e2b4f6 rgb(226,180,246)
```
#e9c6f8
```
#e9c6f8 rgb(233,198,248)
```
#f0d7fa
```
#f0d7fa rgb(240,215,250)
```
#f6e9fc
```
#f6e9fc rgb(246,233,252)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#7e7a80
```
#7e7a80 rgb(126,122,128)
```
#827189
```
#827189 rgb(130,113,137)
```
#856793
```
#856793 rgb(133,103,147)
```
#895d9d
```
#895d9d rgb(137,93,157)
```
#8d54a6
```
#8d54a6 rgb(141,84,166)
```
#914ab0
```
#914ab0 rgb(145,74,176)
```
#9440ba
```
#9440ba rgb(148,64,186)
```
#9837c3
```
#9837c3 rgb(152,55,195)
```
#9c2dcd
```
#9c2dcd rgb(156,45,205)
```
#9f24d6
```
#9f24d6 rgb(159,36,214)
```
#a31ae0
```
#a31ae0 rgb(163,26,224)
```
#a710ea
```
#a710ea rgb(167,16,234)
```
#aa07f3
```
#aa07f3 rgb(170,7,243)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#694d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#90636a Tritanopia 0.001% of the population

Trichromacy

#3b4ed8 Protanomaly 1% of men, 0.01% of women
#3b52c8 Deuteranomaly 6% of men, 0.4% of women
#974995 Tritanomaly 0.01% of the population

#a31ae0 hex color

#a31ae0 Color Information

#a31ae0 Color Conversion

Color Schemes with #a31ae0

Alternatives to #a31ae0

#a31ae0 Preview

Shades and Tints of #a31ae0

Tones of #a31ae0

Color Blindness Simulator