#a31386 hex color

In a RGB color space, hex #a31386 is composed of 63.9% red, 7.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.3% magenta, 17.8% yellow and 36.1% black. It has a hue angle of 312.1 degrees, a saturation of 79.1% and a lightness of 35.7%. #a31386 color hex could be obtained by blending #ff26ff with #47000d. Closest websafe color is: #990099.

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

● #a31386 color description : Dark magenta.

The hexadecimal color #a31386 has RGB values of R:163, G:19, B:134 and CMYK values of C:0, M:0.88, Y:0.18, K:0.36. Its decimal value is 10687366.

Hex triplet	a31386	`#a31386`
RGB Decimal	163, 19, 134	`rgb(163,19,134)`
RGB Percent	63.9, 7.5, 52.5	`rgb(63.9%,7.5%,52.5%)`
CMYK	0, 88, 18, 36
HSL	312.1°, 79.1, 35.7	`hsl(312.1,79.1%,35.7%)`
HSV (or HSB)	312.1°, 88.3, 63.9
Web Safe	990099	`#990099`

CIE-LAB	37.798, 63.714, -27.118
XYZ	19.64, 9.975, 23.444
xyY	0.37, 0.188, 9.975
CIE-LCH	37.798, 69.245, 336.944
CIE-LUV	37.798, 63.9, -46.013
Hunter-Lab	31.584, 55.729, -21.902
Binary	10100011, 00010011, 10000110

#a31386
```
#a31386 rgb(163,19,134)
```
#13a330
```
#13a330 rgb(19,163,48)
```

Complementary Color

#7813a3
```
#7813a3 rgb(120,19,163)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#a3133e
```
#a3133e rgb(163,19,62)
```

Analogous Color

#13a378
```
#13a378 rgb(19,163,120)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#3ea313
```
#3ea313 rgb(62,163,19)
```

Split Complementary Color

#1386a3
```
#1386a3 rgb(19,134,163)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#86a313
```
#86a313 rgb(134,163,19)
```

Triadic Color

#3013a3
```
#3013a3 rgb(48,19,163)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#86a313
```
#86a313 rgb(134,163,19)
```
#13a330
```
#13a330 rgb(19,163,48)
```

Tetradic Color

#5e0b4e
```
#5e0b4e rgb(94,11,78)
```
#750e60
```
#750e60 rgb(117,14,96)
```
#8c1073
```
#8c1073 rgb(140,16,115)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#ba1699
```
#ba1699 rgb(186,22,153)
```
#d118ac
```
#d118ac rgb(209,24,172)
```
#e51ebd
```
#e51ebd rgb(229,30,189)
```

Monochromatic Color

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

#9c13a3
```
#9c13a3 rgb(156,19,163)
```
#a3139e
```
#a3139e rgb(163,19,158)
```
#a31392
```
#a31392 rgb(163,19,146)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#a3137a
```
#a3137a rgb(163,19,122)
```
#a3136e
```
#a3136e rgb(163,19,110)
```
#a31362
```
#a31362 rgb(163,19,98)
```

Similar Colors

Text with hexadecimal color #a31386

This text has a font color of #a31386.

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

#a31386 background color

This paragraph has a background color of #a31386.

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

#a31386 border color

This element has a border color of #a31386.

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

CSS codes

.text {color:#a31386;}

.background {background-color:#a31386;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#160312
```
#160312 rgb(22,3,18)
```
#280521
```
#280521 rgb(40,5,33)
```
#3a072f
```
#3a072f rgb(58,7,47)
```
#4b093e
```
#4b093e rgb(75,9,62)
```
#5d0b4c
```
#5d0b4c rgb(93,11,76)
```
#6e0d5b
```
#6e0d5b rgb(110,13,91)
```
#800f69
```
#800f69 rgb(128,15,105)
```
#911178
```
#911178 rgb(145,17,120)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#b51594
```
#b51594 rgb(181,21,148)
```
#c617a3
```
#c617a3 rgb(198,23,163)
```
#d819b1
```
#d819b1 rgb(216,25,177)
```

Shade Color Variation

#e520bd
```
#e520bd rgb(229,32,189)
```
#e731c2
```
#e731c2 rgb(231,49,194)
```
#e943c8
```
#e943c8 rgb(233,67,200)
```
#eb54cd
```
#eb54cd rgb(235,84,205)
```
#ed66d2
```
#ed66d2 rgb(237,102,210)
```
#ef77d7
```
#ef77d7 rgb(239,119,215)
```
#f189dc
```
#f189dc rgb(241,137,220)
```
#f39ae1
```
#f39ae1 rgb(243,154,225)
```
#f5ace7
```
#f5ace7 rgb(245,172,231)
```
#f7beec
```
#f7beec rgb(247,190,236)
```
#f9cff1
```
#f9cff1 rgb(249,207,241)
```
#fbe1f6
```
#fbe1f6 rgb(251,225,246)
```
#fef2fb
```
#fef2fb rgb(254,242,251)
```

Tint Color Variation

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

#5d595c
```
#5d595c rgb(93,89,92)
```
#645260
```
#645260 rgb(100,82,96)
```
#6b4b65
```
#6b4b65 rgb(107,75,101)
```
#724469
```
#724469 rgb(114,68,105)
```
#793d6d
```
#793d6d rgb(121,61,109)
```
#803671
```
#803671 rgb(128,54,113)
```
#872f75
```
#872f75 rgb(135,47,117)
```
#8e2879
```
#8e2879 rgb(142,40,121)
```
#95217e
```
#95217e rgb(149,33,126)
```
#9c1a82
```
#9c1a82 rgb(156,26,130)
```
#a31386
```
#a31386 rgb(163,19,134)
```
#aa0c8a
```
#aa0c8a rgb(170,12,138)
```
#b1058e
```
#b1058e rgb(177,5,142)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5d4057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#215eb5 Protanopia 1% of men
#58607f Deuteranopia 1% of men
#a14043 Tritanopia 0.001% of the population

Trichromacy

#5043a3 Protanomaly 1% of men, 0.01% of women
#734481 Deuteranomaly 6% of men, 0.4% of women
#a12f5b Tritanomaly 0.01% of the population

#a31386 hex color

#a31386 Color Information

#a31386 Color Conversion

Color Schemes with #a31386

Alternatives to #a31386

#a31386 Preview

Shades and Tints of #a31386

Tones of #a31386

Color Blindness Simulator