#a31fff hex color

In a RGB color space, hex #a31fff is composed of 63.9% red, 12.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 87.8% magenta, 0% yellow and 0% black. It has a hue angle of 275.4 degrees, a saturation of 100% and a lightness of 56.1%. #a31fff color hex could be obtained by blending #ff3eff with #4700ff. Closest websafe color is: #9933ff.

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

● #a31fff color description : Vivid violet.

The hexadecimal color #a31fff has RGB values of R:163, G:31, B:255 and CMYK values of C:0.36, M:0.88, Y:0, K:0. Its decimal value is 10690559.

Hex triplet	a31fff	`#a31fff`
RGB Decimal	163, 31, 255	`rgb(163,31,255)`
RGB Percent	63.9, 12.2, 100	`rgb(63.9%,12.2%,100%)`
CMYK	36, 88, 0, 0
HSL	275.4°, 100, 56.1	`hsl(275.4,100%,56.1%)`
HSV (or HSB)	275.4°, 87.8, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	46.958, 82.316, -83.175
XYZ	33.641, 15.987, 95.916
xyY	0.231, 0.11, 15.987
CIE-LCH	46.958, 117.021, 314.702
CIE-LUV	46.958, 25.605, -129.383
Hunter-Lab	39.984, 80.214, -114.24
Binary	10100011, 00011111, 11111111

#a31fff
```
#a31fff rgb(163,31,255)
```
#7bff1f
```
#7bff1f rgb(123,255,31)
```

Complementary Color

#331fff
```
#331fff rgb(51,31,255)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ff1feb
```
#ff1feb rgb(255,31,235)
```

Analogous Color

#1fff33
```
#1fff33 rgb(31,255,51)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ebff1f
```
#ebff1f rgb(235,255,31)
```

Split Complementary Color

#1fffa3
```
#1fffa3 rgb(31,255,163)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ffa31f
```
#ffa31f rgb(255,163,31)
```

Triadic Color

#1f7bff
```
#1f7bff rgb(31,123,255)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ffa31f
```
#ffa31f rgb(255,163,31)
```
#7bff1f
```
#7bff1f rgb(123,255,31)
```

Tetradic Color

#7b00d2
```
#7b00d2 rgb(123,0,210)
```
#8a00eb
```
#8a00eb rgb(138,0,235)
```
#9905ff
```
#9905ff rgb(153,5,255)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ad39ff
```
#ad39ff rgb(173,57,255)
```
#b852ff
```
#b852ff rgb(184,82,255)
```
#c26cff
```
#c26cff rgb(194,108,255)
```

Monochromatic Color

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

#6b1fff
```
#6b1fff rgb(107,31,255)
```
#7e1fff
```
#7e1fff rgb(126,31,255)
```
#901fff
```
#901fff rgb(144,31,255)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#b61fff
```
#b61fff rgb(182,31,255)
```
#c81fff
```
#c81fff rgb(200,31,255)
```
#db1fff
```
#db1fff rgb(219,31,255)
```

Similar Colors

Text with hexadecimal color #a31fff

This text has a font color of #a31fff.

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

#a31fff background color

This paragraph has a background color of #a31fff.

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

#a31fff border color

This element has a border color of #a31fff.

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

CSS codes

.text {color:#a31fff;}

.background {background-color:#a31fff;}

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

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, #07000b is the darkest color, while #fcf7ff is the lightest one.

#07000b
```
#07000b rgb(7,0,11)
```
#12001f
```
#12001f rgb(18,0,31)
```
#1e0033
```
#1e0033 rgb(30,0,51)
```
#290046
```
#290046 rgb(41,0,70)
```
#35005a
```
#35005a rgb(53,0,90)
```
#41006d
```
#41006d rgb(65,0,109)
```
#4c0081
```
#4c0081 rgb(76,0,129)
```
#580095
```
#580095 rgb(88,0,149)
```
#6300a8
```
#6300a8 rgb(99,0,168)
```
#6f00bc
```
#6f00bc rgb(111,0,188)
```
#7a00d0
```
#7a00d0 rgb(122,0,208)
```
#8600e3
```
#8600e3 rgb(134,0,227)
```
#9100f7
```
#9100f7 rgb(145,0,247)
```

Shade Color Variation

#9b0bff
```
#9b0bff rgb(155,11,255)
```
#a31fff
```
#a31fff rgb(163,31,255)
```
#ab33ff
```
#ab33ff rgb(171,51,255)
```
#b346ff
```
#b346ff rgb(179,70,255)
```
#bb5aff
```
#bb5aff rgb(187,90,255)
```
#c36dff
```
#c36dff rgb(195,109,255)
```
#cb81ff
```
#cb81ff rgb(203,129,255)
```
#d395ff
```
#d395ff rgb(211,149,255)
```
#dba8ff
```
#dba8ff rgb(219,168,255)
```
#e3bcff
```
#e3bcff rgb(227,188,255)
```
#ecd0ff
```
#ecd0ff rgb(236,208,255)
```
#f4e3ff
```
#f4e3ff rgb(244,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#918698
```
#918698 rgb(145,134,152)
```
#927ea0
```
#927ea0 rgb(146,126,160)
```
#9475a9
```
#9475a9 rgb(148,117,169)
```
#956db1
```
#956db1 rgb(149,109,177)
```
#9764ba
```
#9764ba rgb(151,100,186)
```
#985bc3
```
#985bc3 rgb(152,91,195)
```
#9a53cb
```
#9a53cb rgb(154,83,203)
```
#9b4ad4
```
#9b4ad4 rgb(155,74,212)
```
#9d41dd
```
#9d41dd rgb(157,65,221)
```
#9e39e5
```
#9e39e5 rgb(158,57,229)
```
#a030ee
```
#a030ee rgb(160,48,238)
```
#a128f6
```
#a128f6 rgb(161,40,246)
```
#a31fff
```
#a31fff rgb(163,31,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#6d5380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#877078 Tritanopia 0.001% of the population

Trichromacy

#3b54eb Protanomaly 1% of men, 0.01% of women
#3b58da Deuteranomaly 6% of men, 0.4% of women
#9153a9 Tritanomaly 0.01% of the population

#a31fff hex color

#a31fff Color Information

#a31fff Color Conversion

Color Schemes with #a31fff

Alternatives to #a31fff

#a31fff Preview

Shades and Tints of #a31fff

Tones of #a31fff

Color Blindness Simulator