#a31f84 hex color

In a RGB color space, hex #a31f84 is composed of 63.9% red, 12.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 19% yellow and 36.1% black. It has a hue angle of 314.1 degrees, a saturation of 68% and a lightness of 38%. #a31f84 color hex could be obtained by blending #ff3eff with #470009. Closest websafe color is: #993399.

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

● #a31f84 color description : Dark magenta.

The hexadecimal color #a31f84 has RGB values of R:163, G:31, B:132 and CMYK values of C:0, M:0.81, Y:0.19, K:0.36. Its decimal value is 10690436.

Hex triplet	a31f84	`#a31f84`
RGB Decimal	163, 31, 132	`rgb(163,31,132)`
RGB Percent	63.9, 12.2, 51.8	`rgb(63.9%,12.2%,51.8%)`
CMYK	0, 81, 19, 36
HSL	314.1°, 68, 38	`hsl(314.1,68%,38%)`
HSV (or HSB)	314.1°, 81, 63.9
Web Safe	993399	`#993399`

CIE-LAB	38.611, 60.806, -24.612
XYZ	19.759, 10.434, 22.802
xyY	0.373, 0.197, 10.434
CIE-LCH	38.611, 65.598, 337.964
CIE-LUV	38.611, 62.835, -42.432
Hunter-Lab	32.302, 52.661, -19.242
Binary	10100011, 00011111, 10000100

#a31f84
```
#a31f84 rgb(163,31,132)
```
#1fa33e
```
#1fa33e rgb(31,163,62)
```

Complementary Color

#801fa3
```
#801fa3 rgb(128,31,163)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#a31f42
```
#a31f42 rgb(163,31,66)
```

Analogous Color

#1fa380
```
#1fa380 rgb(31,163,128)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#42a31f
```
#42a31f rgb(66,163,31)
```

Split Complementary Color

#1f84a3
```
#1f84a3 rgb(31,132,163)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#84a31f
```
#84a31f rgb(132,163,31)
```

Triadic Color

#3e1fa3
```
#3e1fa3 rgb(62,31,163)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#84a31f
```
#84a31f rgb(132,163,31)
```
#1fa33e
```
#1fa33e rgb(31,163,62)
```

Tetradic Color

#631350
```
#631350 rgb(99,19,80)
```
#781761
```
#781761 rgb(120,23,97)
```
#8e1b73
```
#8e1b73 rgb(142,27,115)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#b82395
```
#b82395 rgb(184,35,149)
```
#ce27a7
```
#ce27a7 rgb(206,39,167)
```
#d936b2
```
#d936b2 rgb(217,54,178)
```

Monochromatic Color

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

#a11fa3
```
#a11fa3 rgb(161,31,163)
```
#a31f9a
```
#a31f9a rgb(163,31,154)
```
#a31f8f
```
#a31f8f rgb(163,31,143)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#a31f79
```
#a31f79 rgb(163,31,121)
```
#a31f6e
```
#a31f6e rgb(163,31,110)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```

Similar Colors

Text with hexadecimal color #a31f84

This text has a font color of #a31f84.

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

#a31f84 background color

This paragraph has a background color of #a31f84.

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

#a31f84 border color

This element has a border color of #a31f84.

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

CSS codes

.text {color:#a31f84;}

.background {background-color:#a31f84;}

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

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, #0f030c is the darkest color, while #fffdfe is the lightest one.

#0f030c
```
#0f030c rgb(15,3,12)
```
#1f0619
```
#1f0619 rgb(31,6,25)
```
#300927
```
#300927 rgb(48,9,39)
```
#400c34
```
#400c34 rgb(64,12,52)
```
#510f41
```
#510f41 rgb(81,15,65)
```
#61124f
```
#61124f rgb(97,18,79)
```
#72165c
```
#72165c rgb(114,22,92)
```
#821969
```
#821969 rgb(130,25,105)
```
#931c77
```
#931c77 rgb(147,28,119)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#b32291
```
#b32291 rgb(179,34,145)
```
#c4259f
```
#c4259f rgb(196,37,159)
```
#d428ac
```
#d428ac rgb(212,40,172)
```

Shade Color Variation

#d937b3
```
#d937b3 rgb(217,55,179)
```
#dc48b9
```
#dc48b9 rgb(220,72,185)
```
#df58c0
```
#df58c0 rgb(223,88,192)
```
#e269c6
```
#e269c6 rgb(226,105,198)
```
#e679cc
```
#e679cc rgb(230,121,204)
```
#e98ad2
```
#e98ad2 rgb(233,138,210)
```
#ec9ad9
```
#ec9ad9 rgb(236,154,217)
```
#efabdf
```
#efabdf rgb(239,171,223)
```
#f2bbe5
```
#f2bbe5 rgb(242,187,229)
```
#f5ccec
```
#f5ccec rgb(245,204,236)
```
#f8dcf2
```
#f8dcf2 rgb(248,220,242)
```
#fcedf8
```
#fcedf8 rgb(252,237,248)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#675b64
```
#675b64 rgb(103,91,100)
```
#6f5368
```
#6f5368 rgb(111,83,104)
```
#764c6c
```
#764c6c rgb(118,76,108)
```
#7e4470
```
#7e4470 rgb(126,68,112)
```
#853d74
```
#853d74 rgb(133,61,116)
```
#8d3578
```
#8d3578 rgb(141,53,120)
```
#942e7c
```
#942e7c rgb(148,46,124)
```
#9c2680
```
#9c2680 rgb(156,38,128)
```
#a31f84
```
#a31f84 rgb(163,31,132)
```
#aa1888
```
#aa1888 rgb(170,24,136)
```
#b2108c
```
#b2108c rgb(178,16,140)
```
#b90990
```
#b90990 rgb(185,9,144)
```
#c10194
```
#c10194 rgb(193,1,148)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#62485c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3660ae Protanopia 1% of men
#5d617e Deuteranopia 1% of men
#a14347 Tritanopia 0.001% of the population

Trichromacy

#5d489e Protanomaly 1% of men, 0.01% of women
#764980 Deuteranomaly 6% of men, 0.4% of women
#a2365d Tritanomaly 0.01% of the population

#a31f84 hex color

#a31f84 Color Information

#a31f84 Color Conversion

Color Schemes with #a31f84

Alternatives to #a31f84

#a31f84 Preview

Shades and Tints of #a31f84

Tones of #a31f84

Color Blindness Simulator