#a31fd1 hex color

In a RGB color space, hex #a31fd1 is composed of 63.9% red, 12.2% green and 82% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 85.2% magenta, 0% yellow and 18% black. It has a hue angle of 284.5 degrees, a saturation of 74.2% and a lightness of 47.1%. #a31fd1 color hex could be obtained by blending #ff3eff with #4700a3. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 64
- G 12
- B 82
RGB color chart
- C 22
- M 85
- Y 0
- K 18
CMYK color chart

● #a31fd1 color description : Strong violet.

The hexadecimal color #a31fd1 has RGB values of R:163, G:31, B:209 and CMYK values of C:0.22, M:0.85, Y:0, K:0.18. Its decimal value is 10690513.

Hex triplet	a31fd1	`#a31fd1`
RGB Decimal	163, 31, 209	`rgb(163,31,209)`
RGB Percent	63.9, 12.2, 82	`rgb(63.9%,12.2%,82%)`
CMYK	22, 85, 0, 18
HSL	284.5°, 74.2, 47.1	`hsl(284.5,74.2%,47.1%)`
HSV (or HSB)	284.5°, 85.2, 82
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.317, 73.418, -63.027
XYZ	27.101, 13.371, 61.471
xyY	0.266, 0.131, 13.371
CIE-LCH	43.317, 96.761, 319.355
CIE-LUV	43.317, 36.732, -99.283
Hunter-Lab	36.566, 68.305, -74.075
Binary	10100011, 00011111, 11010001

#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#4dd11f
```
#4dd11f rgb(77,209,31)
```

Complementary Color

#4a1fd1
```
#4a1fd1 rgb(74,31,209)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#d11fa6
```
#d11fa6 rgb(209,31,166)
```

Analogous Color

#1fd14a
```
#1fd14a rgb(31,209,74)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#a6d11f
```
#a6d11f rgb(166,209,31)
```

Split Complementary Color

#1fd1a3
```
#1fd1a3 rgb(31,209,163)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#d1a31f
```
#d1a31f rgb(209,163,31)
```

Triadic Color

#1f4dd1
```
#1f4dd1 rgb(31,77,209)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#d1a31f
```
#d1a31f rgb(209,163,31)
```
#4dd11f
```
#4dd11f rgb(77,209,31)
```

Tetradic Color

#6f158e
```
#6f158e rgb(111,21,142)
```
#8018a5
```
#8018a5 rgb(128,24,165)
```
#921cbb
```
#921cbb rgb(146,28,187)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#b12adf
```
#b12adf rgb(177,42,223)
```
#b940e3
```
#b940e3 rgb(185,64,227)
```
#c156e6
```
#c156e6 rgb(193,86,230)
```

Monochromatic Color

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

#771fd1
```
#771fd1 rgb(119,31,209)
```
#851fd1
```
#851fd1 rgb(133,31,209)
```
#941fd1
```
#941fd1 rgb(148,31,209)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#b21fd1
```
#b21fd1 rgb(178,31,209)
```
#c11fd1
```
#c11fd1 rgb(193,31,209)
```
#d01fd1
```
#d01fd1 rgb(208,31,209)
```

Similar Colors

Text with hexadecimal color #a31fd1

This text has a font color of #a31fd1.

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

#a31fd1 background color

This paragraph has a background color of #a31fd1.

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

#a31fd1 border color

This element has a border color of #a31fd1.

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

CSS codes

.text {color:#a31fd1;}

.background {background-color:#a31fd1;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#100315
```
#100315 rgb(16,3,21)
```
#1e0626
```
#1e0626 rgb(30,6,38)
```
#2b0837
```
#2b0837 rgb(43,8,55)
```
#380b48
```
#380b48 rgb(56,11,72)
```
#460d59
```
#460d59 rgb(70,13,89)
```
#53106b
```
#53106b rgb(83,16,107)
```
#60127c
```
#60127c rgb(96,18,124)
```
#6e158d
```
#6e158d rgb(110,21,141)
```
#7b179e
```
#7b179e rgb(123,23,158)
```
#881aaf
```
#881aaf rgb(136,26,175)
```
#961cc0
```
#961cc0 rgb(150,28,192)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```

Shade Color Variation

#af25df
```
#af25df rgb(175,37,223)
```
#b536e1
```
#b536e1 rgb(181,54,225)
```
#bb47e4
```
#bb47e4 rgb(187,71,228)
```
#c258e6
```
#c258e6 rgb(194,88,230)
```
#c869e9
```
#c869e9 rgb(200,105,233)
```
#ce7aeb
```
#ce7aeb rgb(206,122,235)
```
#d48bee
```
#d48bee rgb(212,139,238)
```
#db9df0
```
#db9df0 rgb(219,157,240)
```
#e1aef3
```
#e1aef3 rgb(225,174,243)
```
#e7bff5
```
#e7bff5 rgb(231,191,245)
```
#eed0f8
```
#eed0f8 rgb(238,208,248)
```
#f4e1fb
```
#f4e1fb rgb(244,225,251)
```
#faf2fd
```
#faf2fd rgb(250,242,253)
```

Tint Color Variation

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

#7b727e
```
#7b727e rgb(123,114,126)
```
#7f6987
```
#7f6987 rgb(127,105,135)
```
#846090
```
#846090 rgb(132,96,144)
```
#88569a
```
#88569a rgb(136,86,154)
```
#8d4da3
```
#8d4da3 rgb(141,77,163)
```
#9144ac
```
#9144ac rgb(145,68,172)
```
#963bb5
```
#963bb5 rgb(150,59,181)
```
#9a31bf
```
#9a31bf rgb(154,49,191)
```
#9f28c8
```
#9f28c8 rgb(159,40,200)
```
#a31fd1
```
#a31fd1 rgb(163,31,209)
```
#a716da
```
#a716da rgb(167,22,218)
```
#ac0de3
```
#ac0de3 rgb(172,13,227)
```
#b003ed
```
#b003ed rgb(176,3,237)
```

Tone Color Variation

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

#006bd0 Protanopia 1% of men
#0070b9 Deuteranopia 1% of men
#945f65 Tritanopia 0.001% of the population

Trichromacy

#3b4fd0 Protanomaly 1% of men, 0.01% of women
#3b52c2 Deuteranomaly 6% of men, 0.4% of women
#99478c Tritanomaly 0.01% of the population

#a31fd1 hex color

#a31fd1 Color Information

#a31fd1 Color Conversion

Color Schemes with #a31fd1

Alternatives to #a31fd1

#a31fd1 Preview

Shades and Tints of #a31fd1

Tones of #a31fd1

Color Blindness Simulator