#a31ed4 hex color

In a RGB color space, hex #a31ed4 is composed of 63.9% red, 11.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 85.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 283.8 degrees, a saturation of 75.2% and a lightness of 47.5%. #a31ed4 color hex could be obtained by blending #ff3cff with #4700a9. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 64
- G 12
- B 83
RGB color chart
- C 23
- M 86
- Y 0
- K 17
CMYK color chart

● #a31ed4 color description : Strong violet.

The hexadecimal color #a31ed4 has RGB values of R:163, G:30, B:212 and CMYK values of C:0.23, M:0.86, Y:0, K:0.17. Its decimal value is 10690260.

Hex triplet	a31ed4	`#a31ed4`
RGB Decimal	163, 30, 212	`rgb(163,30,212)`
RGB Percent	63.9, 11.8, 83.1	`rgb(63.9%,11.8%,83.1%)`
CMYK	23, 86, 0, 17
HSL	283.8°, 75.2, 47.5	`hsl(283.8,75.2%,47.5%)`
HSV (or HSB)	283.8°, 85.8, 83.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.462, 74.199, -64.521
XYZ	27.451, 13.47, 63.438
xyY	0.263, 0.129, 13.47
CIE-LCH	43.462, 98.328, 318.991
CIE-LUV	43.462, 36, -101.459
Hunter-Lab	36.701, 69.283, -76.792
Binary	10100011, 00011110, 11010100

#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#4fd41e
```
#4fd41e rgb(79,212,30)
```

Complementary Color

#481ed4
```
#481ed4 rgb(72,30,212)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#d41eaa
```
#d41eaa rgb(212,30,170)
```

Analogous Color

#1ed448
```
#1ed448 rgb(30,212,72)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#aad41e
```
#aad41e rgb(170,212,30)
```

Split Complementary Color

#1ed4a3
```
#1ed4a3 rgb(30,212,163)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#d4a31e
```
#d4a31e rgb(212,163,30)
```

Triadic Color

#1e4fd4
```
#1e4fd4 rgb(30,79,212)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#d4a31e
```
#d4a31e rgb(212,163,30)
```
#4fd41e
```
#4fd41e rgb(79,212,30)
```

Tetradic Color

#6f1591
```
#6f1591 rgb(111,21,145)
```
#8118a7
```
#8118a7 rgb(129,24,167)
```
#921bbe
```
#921bbe rgb(146,27,190)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#b02be1
```
#b02be1 rgb(176,43,225)
```
#b841e4
```
#b841e4 rgb(184,65,228)
```
#c057e7
```
#c057e7 rgb(192,87,231)
```

Monochromatic Color

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

#761ed4
```
#761ed4 rgb(118,30,212)
```
#851ed4
```
#851ed4 rgb(133,30,212)
```
#941ed4
```
#941ed4 rgb(148,30,212)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#b21ed4
```
#b21ed4 rgb(178,30,212)
```
#c11ed4
```
#c11ed4 rgb(193,30,212)
```
#d11ed4
```
#d11ed4 rgb(209,30,212)
```

Similar Colors

Text with hexadecimal color #a31ed4

This text has a font color of #a31ed4.

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

#a31ed4 background color

This paragraph has a background color of #a31ed4.

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

#a31ed4 border color

This element has a border color of #a31ed4.

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

CSS codes

.text {color:#a31ed4;}

.background {background-color:#a31ed4;}

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

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

#040106
```
#040106 rgb(4,1,6)
```
#120317
```
#120317 rgb(18,3,23)
```
#1f0628
```
#1f0628 rgb(31,6,40)
```
#2c0839
```
#2c0839 rgb(44,8,57)
```
#390b4b
```
#390b4b rgb(57,11,75)
```
#470d5c
```
#470d5c rgb(71,13,92)
```
#540f6d
```
#540f6d rgb(84,15,109)
```
#61127e
```
#61127e rgb(97,18,126)
```
#6e148f
```
#6e148f rgb(110,20,143)
```
#7b17a0
```
#7b17a0 rgb(123,23,160)
```
#8919b2
```
#8919b2 rgb(137,25,178)
```
#961cc3
```
#961cc3 rgb(150,28,195)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```

Shade Color Variation

#ae25e0
```
#ae25e0 rgb(174,37,224)
```
#b437e3
```
#b437e3 rgb(180,55,227)
```
#bb48e5
```
#bb48e5 rgb(187,72,229)
```
#c159e8
```
#c159e8 rgb(193,89,232)
```
#c86aea
```
#c86aea rgb(200,106,234)
```
#ce7bec
```
#ce7bec rgb(206,123,236)
```
#d48def
```
#d48def rgb(212,141,239)
```
#db9ef1
```
#db9ef1 rgb(219,158,241)
```
#e1aff4
```
#e1aff4 rgb(225,175,244)
```
#e8c0f6
```
#e8c0f6 rgb(232,192,246)
```
#eed1f9
```
#eed1f9 rgb(238,209,249)
```
#f4e2fb
```
#f4e2fb rgb(244,226,251)
```
#fbf4fd
```
#fbf4fd rgb(251,244,253)
```

Tint Color Variation

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

#7c7280
```
#7c7280 rgb(124,114,128)
```
#81688a
```
#81688a rgb(129,104,138)
```
#855f93
```
#855f93 rgb(133,95,147)
```
#89569c
```
#89569c rgb(137,86,156)
```
#8e4da5
```
#8e4da5 rgb(142,77,165)
```
#9243af
```
#9243af rgb(146,67,175)
```
#963ab8
```
#963ab8 rgb(150,58,184)
```
#9a31c1
```
#9a31c1 rgb(154,49,193)
```
#9f27cb
```
#9f27cb rgb(159,39,203)
```
#a31ed4
```
#a31ed4 rgb(163,30,212)
```
#a715dd
```
#a715dd rgb(167,21,221)
```
#ac0be7
```
#ac0be7 rgb(172,11,231)
```
#b002f0
```
#b002f0 rgb(176,2,240)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#694f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0070ba Deuteranopia 1% of men
#936066 Tritanopia 0.001% of the population

Trichromacy

#3b4fd2 Protanomaly 1% of men, 0.01% of women
#3b52c3 Deuteranomaly 6% of men, 0.4% of women
#99488e Tritanomaly 0.01% of the population

#a31ed4 hex color

#a31ed4 Color Information

#a31ed4 Color Conversion

Color Schemes with #a31ed4

Alternatives to #a31ed4

#a31ed4 Preview

Shades and Tints of #a31ed4

Tones of #a31ed4

Color Blindness Simulator