#a31ae2 hex color

In a RGB color space, hex #a31ae2 is composed of 63.9% red, 10.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 88.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 281.1 degrees, a saturation of 79.4% and a lightness of 49.4%. #a31ae2 color hex could be obtained by blending #ff34ff with #4700c5. Closest websafe color is: #9933cc.

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

● #a31ae2 color description : Vivid violet.

The hexadecimal color #a31ae2 has RGB values of R:163, G:26, B:226 and CMYK values of C:0.28, M:0.88, Y:0, K:0.11. Its decimal value is 10689250.

Hex triplet	a31ae2	`#a31ae2`
RGB Decimal	163, 26, 226	`rgb(163,26,226)`
RGB Percent	63.9, 10.2, 88.6	`rgb(63.9%,10.2%,88.6%)`
CMYK	28, 88, 0, 11
HSL	281.1°, 79.4, 49.4	`hsl(281.1,79.4%,49.4%)`
HSV (or HSB)	281.1°, 88.5, 88.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.258, 77.645, -71.245
XYZ	29.199, 14.017, 73.115
xyY	0.251, 0.12, 14.017
CIE-LCH	44.258, 105.378, 317.461
CIE-LUV	44.258, 32.639, -111.255
Hunter-Lab	37.44, 73.693, -89.578
Binary	10100011, 00011010, 11100010

#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#59e21a
```
#59e21a rgb(89,226,26)
```

Complementary Color

#3f1ae2
```
#3f1ae2 rgb(63,26,226)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#e21abd
```
#e21abd rgb(226,26,189)
```

Analogous Color

#1ae23f
```
#1ae23f rgb(26,226,63)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#bde21a
```
#bde21a rgb(189,226,26)
```

Split Complementary Color

#1ae2a3
```
#1ae2a3 rgb(26,226,163)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#e2a31a
```
#e2a31a rgb(226,163,26)
```

Triadic Color

#1a59e2
```
#1a59e2 rgb(26,89,226)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#e2a31a
```
#e2a31a rgb(226,163,26)
```
#59e21a
```
#59e21a rgb(89,226,26)
```

Tetradic Color

#72129d
```
#72129d rgb(114,18,157)
```
#8215b4
```
#8215b4 rgb(130,21,180)
```
#9317cb
```
#9317cb rgb(147,23,203)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#ad2ee7
```
#ad2ee7 rgb(173,46,231)
```
#b645ea
```
#b645ea rgb(182,69,234)
```
#bf5cec
```
#bf5cec rgb(191,92,236)
```

Monochromatic Color

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

#711ae2
```
#711ae2 rgb(113,26,226)
```
#821ae2
```
#821ae2 rgb(130,26,226)
```
#921ae2
```
#921ae2 rgb(146,26,226)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#b41ae2
```
#b41ae2 rgb(180,26,226)
```
#c41ae2
```
#c41ae2 rgb(196,26,226)
```
#d51ae2
```
#d51ae2 rgb(213,26,226)
```

Similar Colors

Text with hexadecimal color #a31ae2

This text has a font color of #a31ae2.

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

#a31ae2 background color

This paragraph has a background color of #a31ae2.

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

#a31ae2 border color

This element has a border color of #a31ae2.

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

CSS codes

.text {color:#a31ae2;}

.background {background-color:#a31ae2;}

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

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

#0b020f
```
#0b020f rgb(11,2,15)
```
#170420
```
#170420 rgb(23,4,32)
```
#240632
```
#240632 rgb(36,6,50)
```
#310844
```
#310844 rgb(49,8,68)
```
#3d0a55
```
#3d0a55 rgb(61,10,85)
```
#4a0c67
```
#4a0c67 rgb(74,12,103)
```
#570e78
```
#570e78 rgb(87,14,120)
```
#64108a
```
#64108a rgb(100,16,138)
```
#70129c
```
#70129c rgb(112,18,156)
```
#7d14ad
```
#7d14ad rgb(125,20,173)
```
#8a16bf
```
#8a16bf rgb(138,22,191)
```
#9618d0
```
#9618d0 rgb(150,24,208)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```

Shade Color Variation

#ab29e6
```
#ab29e6 rgb(171,41,230)
```
#b23be8
```
#b23be8 rgb(178,59,232)
```
#b94cea
```
#b94cea rgb(185,76,234)
```
#c05eec
```
#c05eec rgb(192,94,236)
```
#c770ef
```
#c770ef rgb(199,112,239)
```
#cd81f1
```
#cd81f1 rgb(205,129,241)
```
#d493f3
```
#d493f3 rgb(212,147,243)
```
#dba4f5
```
#dba4f5 rgb(219,164,245)
```
#e2b6f7
```
#e2b6f7 rgb(226,182,247)
```
#e9c8f9
```
#e9c8f9 rgb(233,200,249)
```
#f0d9fb
```
#f0d9fb rgb(240,217,251)
```
#f7ebfd
```
#f7ebfd rgb(247,235,253)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#7f7b81
```
#7f7b81 rgb(127,123,129)
```
#83718b
```
#83718b rgb(131,113,139)
```
#866894
```
#866894 rgb(134,104,148)
```
#8a5e9e
```
#8a5e9e rgb(138,94,158)
```
#8d54a8
```
#8d54a8 rgb(141,84,168)
```
#914ab2
```
#914ab2 rgb(145,74,178)
```
#9541bb
```
#9541bb rgb(149,65,187)
```
#9837c5
```
#9837c5 rgb(152,55,197)
```
#9c2dcf
```
#9c2dcf rgb(156,45,207)
```
#9f24d8
```
#9f24d8 rgb(159,36,216)
```
#a31ae2
```
#a31ae2 rgb(163,26,226)
```
#a710ec
```
#a710ec rgb(167,16,236)
```
#aa07f5
```
#aa07f5 rgb(170,7,245)
```

Tone Color Variation

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

#006dd4 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#90646b Tritanopia 0.001% of the population

Trichromacy

#3b4ed9 Protanomaly 1% of men, 0.01% of women
#3b52c9 Deuteranomaly 6% of men, 0.4% of women
#974996 Tritanomaly 0.01% of the population

#a31ae2 hex color

#a31ae2 Color Information

#a31ae2 Color Conversion

Color Schemes with #a31ae2

Alternatives to #a31ae2

#a31ae2 Preview

Shades and Tints of #a31ae2

Tones of #a31ae2

Color Blindness Simulator