#a31f80 hex color

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

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

● #a31f80 color description : Dark pink.

The hexadecimal color #a31f80 has RGB values of R:163, G:31, B:128 and CMYK values of C:0, M:0.81, Y:0.21, K:0.36. Its decimal value is 10690432.

Hex triplet	a31f80	`#a31f80`
RGB Decimal	163, 31, 128	`rgb(163,31,128)`
RGB Percent	63.9, 12.2, 50.2	`rgb(63.9%,12.2%,50.2%)`
CMYK	0, 81, 21, 36
HSL	315.9°, 68, 38	`hsl(315.9,68%,38%)`
HSV (or HSB)	315.9°, 81, 63.9
Web Safe	993399	`#993399`

CIE-LAB	38.423, 60.269, -22.428
XYZ	19.491, 10.327, 21.388
xyY	0.381, 0.202, 10.327
CIE-LCH	38.423, 64.307, 339.588
CIE-LUV	38.423, 64.421, -39.329
Hunter-Lab	32.135, 52.027, -16.966
Binary	10100011, 00011111, 10000000

#a31f80
```
#a31f80 rgb(163,31,128)
```
#1fa342
```
#1fa342 rgb(31,163,66)
```

Complementary Color

#841fa3
```
#841fa3 rgb(132,31,163)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```

Analogous Color

#1fa384
```
#1fa384 rgb(31,163,132)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#3ea31f
```
#3ea31f rgb(62,163,31)
```

Split Complementary Color

#1f80a3
```
#1f80a3 rgb(31,128,163)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#80a31f
```
#80a31f rgb(128,163,31)
```

Triadic Color

#421fa3
```
#421fa3 rgb(66,31,163)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#80a31f
```
#80a31f rgb(128,163,31)
```
#1fa342
```
#1fa342 rgb(31,163,66)
```

Tetradic Color

#63134e
```
#63134e rgb(99,19,78)
```
#78175e
```
#78175e rgb(120,23,94)
```
#8e1b6f
```
#8e1b6f rgb(142,27,111)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#b82391
```
#b82391 rgb(184,35,145)
```
#ce27a2
```
#ce27a2 rgb(206,39,162)
```
#d936ae
```
#d936ae rgb(217,54,174)
```

Monochromatic Color

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

#a31fa1
```
#a31fa1 rgb(163,31,161)
```
#a31f96
```
#a31f96 rgb(163,31,150)
```
#a31f8b
```
#a31f8b rgb(163,31,139)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#a31f75
```
#a31f75 rgb(163,31,117)
```
#a31f6a
```
#a31f6a rgb(163,31,106)
```
#a31f5f
```
#a31f5f rgb(163,31,95)
```

Similar Colors

Text with hexadecimal color #a31f80

This text has a font color of #a31f80.

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

#a31f80 background color

This paragraph has a background color of #a31f80.

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

#a31f80 border color

This element has a border color of #a31f80.

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

CSS codes

.text {color:#a31f80;}

.background {background-color:#a31f80;}

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

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)
```
#1f0618
```
#1f0618 rgb(31,6,24)
```
#300925
```
#300925 rgb(48,9,37)
```
#400c32
```
#400c32 rgb(64,12,50)
```
#510f3f
```
#510f3f rgb(81,15,63)
```
#61124c
```
#61124c rgb(97,18,76)
```
#721659
```
#721659 rgb(114,22,89)
```
#821966
```
#821966 rgb(130,25,102)
```
#931c73
```
#931c73 rgb(147,28,115)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#b3228d
```
#b3228d rgb(179,34,141)
```
#c4259a
```
#c4259a rgb(196,37,154)
```
#d428a7
```
#d428a7 rgb(212,40,167)
```

Shade Color Variation

#d937ae
```
#d937ae rgb(217,55,174)
```
#dc48b5
```
#dc48b5 rgb(220,72,181)
```
#df58bc
```
#df58bc rgb(223,88,188)
```
#e269c2
```
#e269c2 rgb(226,105,194)
```
#e679c9
```
#e679c9 rgb(230,121,201)
```
#e98ad0
```
#e98ad0 rgb(233,138,208)
```
#ec9ad6
```
#ec9ad6 rgb(236,154,214)
```
#efabdd
```
#efabdd rgb(239,171,221)
```
#f2bbe4
```
#f2bbe4 rgb(242,187,228)
```
#f5ccea
```
#f5ccea rgb(245,204,234)
```
#f8dcf1
```
#f8dcf1 rgb(248,220,241)
```
#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 #c1018e is the most saturated one.

#675b64
```
#675b64 rgb(103,91,100)
```
#6f5367
```
#6f5367 rgb(111,83,103)
```
#764c6b
```
#764c6b rgb(118,76,107)
```
#7e446e
```
#7e446e rgb(126,68,110)
```
#853d72
```
#853d72 rgb(133,61,114)
```
#8d3575
```
#8d3575 rgb(141,53,117)
```
#942e79
```
#942e79 rgb(148,46,121)
```
#9c267c
```
#9c267c rgb(156,38,124)
```
#a31f80
```
#a31f80 rgb(163,31,128)
```
#aa1884
```
#aa1884 rgb(170,24,132)
```
#b21087
```
#b21087 rgb(178,16,135)
```
#b9098b
```
#b9098b rgb(185,9,139)
```
#c1018e
```
#c1018e rgb(193,1,142)
```

Tone Color Variation

Below, you can see how #a31f80 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
#62485b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b60a9 Protanopia 1% of men
#5e617b Deuteranopia 1% of men
#a14246 Tritanopia 0.001% of the population

Trichromacy

#61489a Protanomaly 1% of men, 0.01% of women
#77497c Deuteranomaly 6% of men, 0.4% of women
#a2355b Tritanomaly 0.01% of the population

#a31f80 hex color

#a31f80 Color Information

#a31f80 Color Conversion

Color Schemes with #a31f80

Alternatives to #a31f80

#a31f80 Preview

Shades and Tints of #a31f80

Tones of #a31f80

Color Blindness Simulator