#a31f99 hex color

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

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

● #a31f99 color description : Dark magenta.

The hexadecimal color #a31f99 has RGB values of R:163, G:31, B:153 and CMYK values of C:0, M:0.81, Y:0.06, K:0.36. Its decimal value is 10690457.

Hex triplet	a31f99	`#a31f99`
RGB Decimal	163, 31, 153	`rgb(163,31,153)`
RGB Percent	63.9, 12.2, 60	`rgb(63.9%,12.2%,60%)`
CMYK	0, 81, 6, 36
HSL	304.5°, 68, 38	`hsl(304.5,68%,38%)`
HSV (or HSB)	304.5°, 81, 63.9
Web Safe	993399	`#993399`

CIE-LAB	39.695, 63.848, -35.755
XYZ	21.344, 11.068, 31.147
xyY	0.336, 0.174, 11.068
CIE-LCH	39.695, 73.178, 330.751
CIE-LUV	39.695, 54.8, -58.622
Hunter-Lab	33.269, 56.298, -32.222
Binary	10100011, 00011111, 10011001

#a31f99
```
#a31f99 rgb(163,31,153)
```
#1fa329
```
#1fa329 rgb(31,163,41)
```

Complementary Color

#6b1fa3
```
#6b1fa3 rgb(107,31,163)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#a31f57
```
#a31f57 rgb(163,31,87)
```

Analogous Color

#1fa36b
```
#1fa36b rgb(31,163,107)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#57a31f
```
#57a31f rgb(87,163,31)
```

Split Complementary Color

#1f99a3
```
#1f99a3 rgb(31,153,163)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#99a31f
```
#99a31f rgb(153,163,31)
```

Triadic Color

#291fa3
```
#291fa3 rgb(41,31,163)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#99a31f
```
#99a31f rgb(153,163,31)
```
#1fa329
```
#1fa329 rgb(31,163,41)
```

Tetradic Color

#63135d
```
#63135d rgb(99,19,93)
```
#781771
```
#781771 rgb(120,23,113)
```
#8e1b85
```
#8e1b85 rgb(142,27,133)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#b823ad
```
#b823ad rgb(184,35,173)
```
#ce27c1
```
#ce27c1 rgb(206,39,193)
```
#d936cc
```
#d936cc rgb(217,54,204)
```

Monochromatic Color

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

#8c1fa3
```
#8c1fa3 rgb(140,31,163)
```
#971fa3
```
#971fa3 rgb(151,31,163)
```
#a21fa3
```
#a21fa3 rgb(162,31,163)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#a31f8e
```
#a31f8e rgb(163,31,142)
```
#a31f83
```
#a31f83 rgb(163,31,131)
```
#a31f78
```
#a31f78 rgb(163,31,120)
```

Similar Colors

Text with hexadecimal color #a31f99

This text has a font color of #a31f99.

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

#a31f99 background color

This paragraph has a background color of #a31f99.

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

#a31f99 border color

This element has a border color of #a31f99.

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

CSS codes

.text {color:#a31f99;}

.background {background-color:#a31f99;}

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

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

#0f030e
```
#0f030e rgb(15,3,14)
```
#1f061d
```
#1f061d rgb(31,6,29)
```
#30092d
```
#30092d rgb(48,9,45)
```
#400c3c
```
#400c3c rgb(64,12,60)
```
#510f4c
```
#510f4c rgb(81,15,76)
```
#61125b
```
#61125b rgb(97,18,91)
```
#72166b
```
#72166b rgb(114,22,107)
```
#82197a
```
#82197a rgb(130,25,122)
```
#931c8a
```
#931c8a rgb(147,28,138)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#b322a8
```
#b322a8 rgb(179,34,168)
```
#c425b8
```
#c425b8 rgb(196,37,184)
```
#d428c7
```
#d428c7 rgb(212,40,199)
```

Shade Color Variation

#d937cd
```
#d937cd rgb(217,55,205)
```
#dc48d1
```
#dc48d1 rgb(220,72,209)
```
#df58d5
```
#df58d5 rgb(223,88,213)
```
#e269d9
```
#e269d9 rgb(226,105,217)
```
#e679dd
```
#e679dd rgb(230,121,221)
```
#e98ae2
```
#e98ae2 rgb(233,138,226)
```
#ec9ae6
```
#ec9ae6 rgb(236,154,230)
```
#efabea
```
#efabea rgb(239,171,234)
```
#f2bbee
```
#f2bbee rgb(242,187,238)
```
#f5ccf2
```
#f5ccf2 rgb(245,204,242)
```
#f8dcf6
```
#f8dcf6 rgb(248,220,246)
```
#fcedfa
```
#fcedfa rgb(252,237,250)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#675b66
```
#675b66 rgb(103,91,102)
```
#6f536d
```
#6f536d rgb(111,83,109)
```
#764c73
```
#764c73 rgb(118,76,115)
```
#7e4479
```
#7e4479 rgb(126,68,121)
```
#853d80
```
#853d80 rgb(133,61,128)
```
#8d3586
```
#8d3586 rgb(141,53,134)
```
#942e8c
```
#942e8c rgb(148,46,140)
```
#9c2693
```
#9c2693 rgb(156,38,147)
```
#a31f99
```
#a31f99 rgb(163,31,153)
```
#aa189f
```
#aa189f rgb(170,24,159)
```
#b210a6
```
#b210a6 rgb(178,16,166)
```
#b909ac
```
#b909ac rgb(185,9,172)
```
#c101b2
```
#c101b2 rgb(193,1,178)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#644962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#516590 Deuteranopia 1% of men
#9e4b4f Tritanopia 0.001% of the population

Trichromacy

#3b4ab2 Protanomaly 1% of men, 0.01% of women
#6f4b93 Deuteranomaly 6% of men, 0.4% of women
#a03b6a Tritanomaly 0.01% of the population

#a31f99 hex color

#a31f99 Color Information

#a31f99 Color Conversion

Color Schemes with #a31f99

Alternatives to #a31f99

#a31f99 Preview

Shades and Tints of #a31f99

Tones of #a31f99

Color Blindness Simulator