#a31bf8 hex color

In a RGB color space, hex #a31bf8 is composed of 63.9% red, 10.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 89.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 276.9 degrees, a saturation of 94% and a lightness of 53.9%. #a31bf8 color hex could be obtained by blending #ff36ff with #4700f1. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 64
- G 11
- B 97
RGB color chart
- C 34
- M 89
- Y 0
- K 3
CMYK color chart

● #a31bf8 color description : Vivid violet.

The hexadecimal color #a31bf8 has RGB values of R:163, G:27, B:248 and CMYK values of C:0.34, M:0.89, Y:0, K:0.03. Its decimal value is 10689528.

Hex triplet	a31bf8	`#a31bf8`
RGB Decimal	163, 27, 248	`rgb(163,27,248)`
RGB Percent	63.9, 10.6, 97.3	`rgb(63.9%,10.6%,97.3%)`
CMYK	34, 89, 0, 3
HSL	276.9°, 94, 53.9	`hsl(276.9,94%,53.9%)`
HSV (or HSB)	276.9°, 89.1, 97.3
Web Safe	9933ff	`#9933ff`

CIE-LAB	46.108, 81.706, -80.653
XYZ	32.437, 15.348, 90.056
xyY	0.235, 0.111, 15.348
CIE-LCH	46.108, 114.808, 315.371
CIE-LUV	46.108, 27.373, -125.327
Hunter-Lab	39.177, 79.231, -108.865
Binary	10100011, 00011011, 11111000

#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#70f81b
```
#70f81b rgb(112,248,27)
```

Complementary Color

#351bf8
```
#351bf8 rgb(53,27,248)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#f81bdf
```
#f81bdf rgb(248,27,223)
```

Analogous Color

#1bf835
```
#1bf835 rgb(27,248,53)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#dff81b
```
#dff81b rgb(223,248,27)
```

Split Complementary Color

#1bf8a3
```
#1bf8a3 rgb(27,248,163)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#f8a31b
```
#f8a31b rgb(248,163,27)
```

Triadic Color

#1b70f8
```
#1b70f8 rgb(27,112,248)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#f8a31b
```
#f8a31b rgb(248,163,27)
```
#70f81b
```
#70f81b rgb(112,248,27)
```

Tetradic Color

#7906c1
```
#7906c1 rgb(121,6,193)
```
#8807d9
```
#8807d9 rgb(136,7,217)
```
#9807f2
```
#9807f2 rgb(152,7,242)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#ad34f9
```
#ad34f9 rgb(173,52,249)
```
#b74cfa
```
#b74cfa rgb(183,76,250)
```
#c165fa
```
#c165fa rgb(193,101,250)
```

Monochromatic Color

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

#6c1bf8
```
#6c1bf8 rgb(108,27,248)
```
#7e1bf8
```
#7e1bf8 rgb(126,27,248)
```
#911bf8
```
#911bf8 rgb(145,27,248)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#b51bf8
```
#b51bf8 rgb(181,27,248)
```
#c81bf8
```
#c81bf8 rgb(200,27,248)
```
#da1bf8
```
#da1bf8 rgb(218,27,248)
```

Similar Colors

Text with hexadecimal color #a31bf8

This text has a font color of #a31bf8.

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

#a31bf8 background color

This paragraph has a background color of #a31bf8.

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

#a31bf8 border color

This element has a border color of #a31bf8.

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

CSS codes

.text {color:#a31bf8;}

.background {background-color:#a31bf8;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0113
```
#0c0113 rgb(12,1,19)
```
#180126
```
#180126 rgb(24,1,38)
```
#240239
```
#240239 rgb(36,2,57)
```
#30024c
```
#30024c rgb(48,2,76)
```
#3c0360
```
#3c0360 rgb(60,3,96)
```
#480473
```
#480473 rgb(72,4,115)
```
#540486
```
#540486 rgb(84,4,134)
```
#600599
```
#600599 rgb(96,5,153)
```
#6c05ac
```
#6c05ac rgb(108,5,172)
```
#7806bf
```
#7806bf rgb(120,6,191)
```
#8406d2
```
#8406d2 rgb(132,6,210)
```
#8f07e5
```
#8f07e5 rgb(143,7,229)
```

Shade Color Variation

#9b08f7
```
#9b08f7 rgb(155,8,247)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```
#ab2ef9
```
#ab2ef9 rgb(171,46,249)
```
#b241f9
```
#b241f9 rgb(178,65,249)
```
#ba54fa
```
#ba54fa rgb(186,84,250)
```
#c267fa
```
#c267fa rgb(194,103,250)
```
#c97afb
```
#c97afb rgb(201,122,251)
```
#d18dfc
```
#d18dfc rgb(209,141,252)
```
#d9a0fc
```
#d9a0fc rgb(217,160,252)
```
#e0b3fd
```
#e0b3fd rgb(224,179,253)
```
#e8c6fd
```
#e8c6fd rgb(232,198,253)
```
#f0d9fe
```
#f0d9fe rgb(240,217,254)
```
#f7ecfe
```
#f7ecfe rgb(247,236,254)
```

Tint Color Variation

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

#8a878c
```
#8a878c rgb(138,135,140)
```
#8c7e95
```
#8c7e95 rgb(140,126,149)
```
#8e759e
```
#8e759e rgb(142,117,158)
```
#906ca7
```
#906ca7 rgb(144,108,167)
```
#9263b0
```
#9263b0 rgb(146,99,176)
```
#945ab9
```
#945ab9 rgb(148,90,185)
```
#9651c2
```
#9651c2 rgb(150,81,194)
```
#9948cb
```
#9948cb rgb(153,72,203)
```
#9b3fd4
```
#9b3fd4 rgb(155,63,212)
```
#9d36dd
```
#9d36dd rgb(157,54,221)
```
#9f2de6
```
#9f2de6 rgb(159,45,230)
```
#a124ef
```
#a124ef rgb(161,36,239)
```
#a31bf8
```
#a31bf8 rgb(163,27,248)
```

Tone Color Variation

Below, you can see how #a31bf8 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
#6b507c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#896d75 Tritanopia 0.001% of the population

Trichromacy

#3b52e6 Protanomaly 1% of men, 0.01% of women
#3b55d5 Deuteranomaly 6% of men, 0.4% of women
#924fa4 Tritanomaly 0.01% of the population

#a31bf8 hex color

#a31bf8 Color Information

#a31bf8 Color Conversion

Color Schemes with #a31bf8

Alternatives to #a31bf8

#a31bf8 Preview

Shades and Tints of #a31bf8

Tones of #a31bf8

Color Blindness Simulator