#a31bf2 hex color

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

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

● #a31bf2 color description : Vivid violet.

The hexadecimal color #a31bf2 has RGB values of R:163, G:27, B:242 and CMYK values of C:0.33, M:0.89, Y:0, K:0.05. Its decimal value is 10689522.

Hex triplet	a31bf2	`#a31bf2`
RGB Decimal	163, 27, 242	`rgb(163,27,242)`
RGB Percent	63.9, 10.6, 94.9	`rgb(63.9%,10.6%,94.9%)`
CMYK	33, 89, 0, 5
HSL	278°, 89.2, 52.7	`hsl(278,89.2%,52.7%)`
HSV (or HSB)	278°, 88.8, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	45.609, 80.533, -78.098
XYZ	31.521, 14.982, 85.231
xyY	0.239, 0.114, 14.982
CIE-LCH	45.609, 112.182, 315.879
CIE-LUV	45.609, 28.724, -121.521
Hunter-Lab	38.706, 77.626, -103.461
Binary	10100011, 00011011, 11110010

#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#6af21b
```
#6af21b rgb(106,242,27)
```

Complementary Color

#371bf2
```
#371bf2 rgb(55,27,242)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#f21bd6
```
#f21bd6 rgb(242,27,214)
```

Analogous Color

#1bf237
```
#1bf237 rgb(27,242,55)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#d6f21b
```
#d6f21b rgb(214,242,27)
```

Split Complementary Color

#1bf2a3
```
#1bf2a3 rgb(27,242,163)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#f2a31b
```
#f2a31b rgb(242,163,27)
```

Triadic Color

#1b6af2
```
#1b6af2 rgb(27,106,242)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#f2a31b
```
#f2a31b rgb(242,163,27)
```
#6af21b
```
#6af21b rgb(106,242,27)
```

Tetradic Color

#770ab6
```
#770ab6 rgb(119,10,182)
```
#870cce
```
#870cce rgb(135,12,206)
```
#970de6
```
#970de6 rgb(151,13,230)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#ad33f3
```
#ad33f3 rgb(173,51,243)
```
#b64bf5
```
#b64bf5 rgb(182,75,245)
```
#c063f6
```
#c063f6 rgb(192,99,246)
```

Monochromatic Color

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

#6d1bf2
```
#6d1bf2 rgb(109,27,242)
```
#7f1bf2
```
#7f1bf2 rgb(127,27,242)
```
#911bf2
```
#911bf2 rgb(145,27,242)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#b51bf2
```
#b51bf2 rgb(181,27,242)
```
#c71bf2
```
#c71bf2 rgb(199,27,242)
```
#d91bf2
```
#d91bf2 rgb(217,27,242)
```

Similar Colors

Text with hexadecimal color #a31bf2

This text has a font color of #a31bf2.

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

#a31bf2 background color

This paragraph has a background color of #a31bf2.

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

#a31bf2 border color

This element has a border color of #a31bf2.

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

CSS codes

.text {color:#a31bf2;}

.background {background-color:#a31bf2;}

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

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

#09010d
```
#09010d rgb(9,1,13)
```
#150220
```
#150220 rgb(21,2,32)
```
#210332
```
#210332 rgb(33,3,50)
```
#2d0445
```
#2d0445 rgb(45,4,69)
```
#390557
```
#390557 rgb(57,5,87)
```
#45066a
```
#45066a rgb(69,6,106)
```
#51077d
```
#51077d rgb(81,7,125)
```
#5e088f
```
#5e088f rgb(94,8,143)
```
#6a09a2
```
#6a09a2 rgb(106,9,162)
```
#760ab4
```
#760ab4 rgb(118,10,180)
```
#820bc7
```
#820bc7 rgb(130,11,199)
```
#8e0cd9
```
#8e0cd9 rgb(142,12,217)
```
#9a0dec
```
#9a0dec rgb(154,13,236)
```

Shade Color Variation

#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#aa2ef3
```
#aa2ef3 rgb(170,46,243)
```
#b240f4
```
#b240f4 rgb(178,64,244)
```
#b953f5
```
#b953f5 rgb(185,83,245)
```
#c165f6
```
#c165f6 rgb(193,101,246)
```
#c878f7
```
#c878f7 rgb(200,120,247)
```
#d08af8
```
#d08af8 rgb(208,138,248)
```
#d79df9
```
#d79df9 rgb(215,157,249)
```
#dfaffa
```
#dfaffa rgb(223,175,250)
```
#e6c2fc
```
#e6c2fc rgb(230,194,252)
```
#eed5fd
```
#eed5fd rgb(238,213,253)
```
#f5e7fe
```
#f5e7fe rgb(245,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#88818c
```
#88818c rgb(136,129,140)
```
#8a7895
```
#8a7895 rgb(138,120,149)
```
#8d6e9f
```
#8d6e9f rgb(141,110,159)
```
#8f65a8
```
#8f65a8 rgb(143,101,168)
```
#925cb1
```
#925cb1 rgb(146,92,177)
```
#9453ba
```
#9453ba rgb(148,83,186)
```
#9749c4
```
#9749c4 rgb(151,73,196)
```
#9940cd
```
#9940cd rgb(153,64,205)
```
#9c37d6
```
#9c37d6 rgb(156,55,214)
```
#9e2edf
```
#9e2edf rgb(158,46,223)
```
#a124e9
```
#a124e9 rgb(161,36,233)
```
#a31bf2
```
#a31bf2 rgb(163,27,242)
```
#a512fb
```
#a512fb rgb(165,18,251)
```

Tone Color Variation

Below, you can see how #a31bf2 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
#6a4f7a 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

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

#a31bf2 hex color

#a31bf2 Color Information

#a31bf2 Color Conversion

Color Schemes with #a31bf2

Alternatives to #a31bf2

#a31bf2 Preview

Shades and Tints of #a31bf2

Tones of #a31bf2

Color Blindness Simulator