#a31cf2 hex color

In a RGB color space, hex #a31cf2 is composed of 63.9% red, 11% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 88.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 277.9 degrees, a saturation of 89.2% and a lightness of 52.9%. #a31cf2 color hex could be obtained by blending #ff38ff with #4700e5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 64
- G 11
- B 95
RGB color chart
- C 33
- M 88
- Y 0
- K 5
CMYK color chart

● #a31cf2 color description : Vivid violet.

The hexadecimal color #a31cf2 has RGB values of R:163, G:28, B:242 and CMYK values of C:0.33, M:0.88, Y:0, K:0.05. Its decimal value is 10689778.

Hex triplet	a31cf2	`#a31cf2`
RGB Decimal	163, 28, 242	`rgb(163,28,242)`
RGB Percent	63.9, 11, 94.9	`rgb(63.9%,11%,94.9%)`
CMYK	33, 88, 0, 5
HSL	277.9°, 89.2, 52.9	`hsl(277.9,89.2%,52.9%)`
HSV (or HSB)	277.9°, 88.4, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	45.673, 80.343, -77.994
XYZ	31.544, 15.029, 85.239
xyY	0.239, 0.114, 15.029
CIE-LCH	45.673, 111.973, 315.85
CIE-LUV	45.673, 28.659, -121.433
Hunter-Lab	38.767, 77.402, -103.228
Binary	10100011, 00011100, 11110010

#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#6bf21c
```
#6bf21c rgb(107,242,28)
```

Complementary Color

#381cf2
```
#381cf2 rgb(56,28,242)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#f21cd6
```
#f21cd6 rgb(242,28,214)
```

Analogous Color

#1cf238
```
#1cf238 rgb(28,242,56)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#d6f21c
```
#d6f21c rgb(214,242,28)
```

Split Complementary Color

#1cf2a3
```
#1cf2a3 rgb(28,242,163)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#f2a31c
```
#f2a31c rgb(242,163,28)
```

Triadic Color

#1c6bf2
```
#1c6bf2 rgb(28,107,242)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#f2a31c
```
#f2a31c rgb(242,163,28)
```
#6bf21c
```
#6bf21c rgb(107,242,28)
```

Tetradic Color

#770ab7
```
#770ab7 rgb(119,10,183)
```
#870ccf
```
#870ccf rgb(135,12,207)
```
#970de7
```
#970de7 rgb(151,13,231)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#ad34f3
```
#ad34f3 rgb(173,52,243)
```
#b74cf5
```
#b74cf5 rgb(183,76,245)
```
#c064f6
```
#c064f6 rgb(192,100,246)
```

Monochromatic Color

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

#6e1cf2
```
#6e1cf2 rgb(110,28,242)
```
#7f1cf2
```
#7f1cf2 rgb(127,28,242)
```
#911cf2
```
#911cf2 rgb(145,28,242)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#b51cf2
```
#b51cf2 rgb(181,28,242)
```
#c71cf2
```
#c71cf2 rgb(199,28,242)
```
#d91cf2
```
#d91cf2 rgb(217,28,242)
```

Similar Colors

Text with hexadecimal color #a31cf2

This text has a font color of #a31cf2.

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

#a31cf2 background color

This paragraph has a background color of #a31cf2.

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

#a31cf2 border color

This element has a border color of #a31cf2.

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

CSS codes

.text {color:#a31cf2;}

.background {background-color:#a31cf2;}

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

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, #09010e is the darkest color, while #fdfbff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#150221
```
#150221 rgb(21,2,33)
```
#210333
```
#210333 rgb(33,3,51)
```
#2e0446
```
#2e0446 rgb(46,4,70)
```
#3a0558
```
#3a0558 rgb(58,5,88)
```
#46066b
```
#46066b rgb(70,6,107)
```
#52077e
```
#52077e rgb(82,7,126)
```
#5e0890
```
#5e0890 rgb(94,8,144)
```
#6a09a3
```
#6a09a3 rgb(106,9,163)
```
#760ab5
```
#760ab5 rgb(118,10,181)
```
#820bc8
```
#820bc8 rgb(130,11,200)
```
#8e0dda
```
#8e0dda rgb(142,13,218)
```
#9a0eed
```
#9a0eed rgb(154,14,237)
```

Shade Color Variation

#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#ab2ff3
```
#ab2ff3 rgb(171,47,243)
```
#b241f4
```
#b241f4 rgb(178,65,244)
```
#ba54f5
```
#ba54f5 rgb(186,84,245)
```
#c166f6
```
#c166f6 rgb(193,102,246)
```
#c979f7
```
#c979f7 rgb(201,121,247)
```
#d08bf8
```
#d08bf8 rgb(208,139,248)
```
#d89ef9
```
#d89ef9 rgb(216,158,249)
```
#dfb0fb
```
#dfb0fb rgb(223,176,251)
```
#e7c3fc
```
#e7c3fc rgb(231,195,252)
```
#eed6fd
```
#eed6fd rgb(238,214,253)
```
#f6e8fe
```
#f6e8fe rgb(246,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#88828c
```
#88828c rgb(136,130,140)
```
#8b7896
```
#8b7896 rgb(139,120,150)
```
#8d6f9f
```
#8d6f9f rgb(141,111,159)
```
#9066a8
```
#9066a8 rgb(144,102,168)
```
#925db1
```
#925db1 rgb(146,93,177)
```
#9553bb
```
#9553bb rgb(149,83,187)
```
#974ac4
```
#974ac4 rgb(151,74,196)
```
#9941cd
```
#9941cd rgb(153,65,205)
```
#9c38d6
```
#9c38d6 rgb(156,56,214)
```
#9e2ee0
```
#9e2ee0 rgb(158,46,224)
```
#a125e9
```
#a125e9 rgb(161,37,233)
```
#a31cf2
```
#a31cf2 rgb(163,28,242)
```
#a513fb
```
#a513fb rgb(165,19,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6b507b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#8b6b72 Tritanopia 0.001% of the population

Trichromacy

#3b51e3 Protanomaly 1% of men, 0.01% of women
#3b55d2 Deuteranomaly 6% of men, 0.4% of women
#944ea1 Tritanomaly 0.01% of the population

#a31cf2 hex color

#a31cf2 Color Information

#a31cf2 Color Conversion

Color Schemes with #a31cf2

Alternatives to #a31cf2

#a31cf2 Preview

Shades and Tints of #a31cf2

Tones of #a31cf2

Color Blindness Simulator