#a31fdf hex color

In a RGB color space, hex #a31fdf is composed of 63.9% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 86.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 281.3 degrees, a saturation of 75.6% and a lightness of 49.8%. #a31fdf color hex could be obtained by blending #ff3eff with #4700bf. Closest websafe color is: #9933cc.

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

● #a31fdf color description : Vivid violet.

The hexadecimal color #a31fdf has RGB values of R:163, G:31, B:223 and CMYK values of C:0.27, M:0.86, Y:0, K:0.13. Its decimal value is 10690527.

Hex triplet	a31fdf	`#a31fdf`
RGB Decimal	163, 31, 223	`rgb(163,31,223)`
RGB Percent	63.9, 12.2, 87.5	`rgb(63.9%,12.2%,87.5%)`
CMYK	27, 86, 0, 13
HSL	281.3°, 75.6, 49.8	`hsl(281.3,75.6%,49.8%)`
HSV (or HSB)	281.3°, 86.1, 87.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.369, 76.054, -69.352
XYZ	28.912, 14.095, 71.006
xyY	0.254, 0.124, 14.095
CIE-LCH	44.369, 102.926, 317.639
CIE-LUV	44.369, 33.022, -108.738
Hunter-Lab	37.544, 71.759, -85.854
Binary	10100011, 00011111, 11011111

#a31fdf
```
#a31fdf rgb(163,31,223)
```
#5bdf1f
```
#5bdf1f rgb(91,223,31)
```

Complementary Color

#431fdf
```
#431fdf rgb(67,31,223)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#df1fbb
```
#df1fbb rgb(223,31,187)
```

Analogous Color

#1fdf43
```
#1fdf43 rgb(31,223,67)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#bbdf1f
```
#bbdf1f rgb(187,223,31)
```

Split Complementary Color

#1fdfa3
```
#1fdfa3 rgb(31,223,163)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#dfa31f
```
#dfa31f rgb(223,163,31)
```

Triadic Color

#1f5bdf
```
#1f5bdf rgb(31,91,223)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#dfa31f
```
#dfa31f rgb(223,163,31)
```
#5bdf1f
```
#5bdf1f rgb(91,223,31)
```

Tetradic Color

#72169c
```
#72169c rgb(114,22,156)
```
#8219b2
```
#8219b2 rgb(130,25,178)
```
#931cc9
```
#931cc9 rgb(147,28,201)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#ac35e3
```
#ac35e3 rgb(172,53,227)
```
#b64be6
```
#b64be6 rgb(182,75,230)
```
#bf61e9
```
#bf61e9 rgb(191,97,233)
```

Monochromatic Color

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

#731fdf
```
#731fdf rgb(115,31,223)
```
#831fdf
```
#831fdf rgb(131,31,223)
```
#931fdf
```
#931fdf rgb(147,31,223)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#b31fdf
```
#b31fdf rgb(179,31,223)
```
#c31fdf
```
#c31fdf rgb(195,31,223)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```

Similar Colors

Text with hexadecimal color #a31fdf

This text has a font color of #a31fdf.

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

#a31fdf background color

This paragraph has a background color of #a31fdf.

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

#a31fdf border color

This element has a border color of #a31fdf.

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

CSS codes

.text {color:#a31fdf;}

.background {background-color:#a31fdf;}

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

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

#0c0210
```
#0c0210 rgb(12,2,16)
```
#190522
```
#190522 rgb(25,5,34)
```
#250733
```
#250733 rgb(37,7,51)
```
#320944
```
#320944 rgb(50,9,68)
```
#3e0c55
```
#3e0c55 rgb(62,12,85)
```
#4b0e66
```
#4b0e66 rgb(75,14,102)
```
#571178
```
#571178 rgb(87,17,120)
```
#641389
```
#641389 rgb(100,19,137)
```
#71159a
```
#71159a rgb(113,21,154)
```
#7d18ab
```
#7d18ab rgb(125,24,171)
```
#8a1abd
```
#8a1abd rgb(138,26,189)
```
#961dce
```
#961dce rgb(150,29,206)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```

Shade Color Variation

#aa2fe2
```
#aa2fe2 rgb(170,47,226)
```
#b141e5
```
#b141e5 rgb(177,65,229)
```
#b852e7
```
#b852e7 rgb(184,82,231)
```
#bf63e9
```
#bf63e9 rgb(191,99,233)
```
#c674ec
```
#c674ec rgb(198,116,236)
```
#cd86ee
```
#cd86ee rgb(205,134,238)
```
#d497f1
```
#d497f1 rgb(212,151,241)
```
#dca8f3
```
#dca8f3 rgb(220,168,243)
```
#e3b9f5
```
#e3b9f5 rgb(227,185,245)
```
#eacaf8
```
#eacaf8 rgb(234,202,248)
```
#f1dcfa
```
#f1dcfa rgb(241,220,250)
```
#f8edfc
```
#f8edfc rgb(248,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#827787
```
#827787 rgb(130,119,135)
```
#866d91
```
#866d91 rgb(134,109,145)
```
#89639b
```
#89639b rgb(137,99,155)
```
#8d5aa4
```
#8d5aa4 rgb(141,90,164)
```
#9150ae
```
#9150ae rgb(145,80,174)
```
#9446b8
```
#9446b8 rgb(148,70,184)
```
#983cc2
```
#983cc2 rgb(152,60,194)
```
#9c33cb
```
#9c33cb rgb(156,51,203)
```
#9f29d5
```
#9f29d5 rgb(159,41,213)
```
#a31fdf
```
#a31fdf rgb(163,31,223)
```
#a715e9
```
#a715e9 rgb(167,21,233)
```
#aa0bf3
```
#aa0bf3 rgb(170,11,243)
```
#ae02fc
```
#ae02fc rgb(174,2,252)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6a5076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#91646b Tritanopia 0.001% of the population

Trichromacy

#3b50d8 Protanomaly 1% of men, 0.01% of women
#3b54c9 Deuteranomaly 6% of men, 0.4% of women
#974b95 Tritanomaly 0.01% of the population

#a31fdf hex color

#a31fdf Color Information

#a31fdf Color Conversion

Color Schemes with #a31fdf

Alternatives to #a31fdf

#a31fdf Preview

Shades and Tints of #a31fdf

Tones of #a31fdf

Color Blindness Simulator