#a31f88 hex color

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

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

● #a31f88 color description : Dark magenta.

The hexadecimal color #a31f88 has RGB values of R:163, G:31, B:136 and CMYK values of C:0, M:0.81, Y:0.17, K:0.36. Its decimal value is 10690440.

Hex triplet	a31f88	`#a31f88`
RGB Decimal	163, 31, 136	`rgb(163,31,136)`
RGB Percent	63.9, 12.2, 53.3	`rgb(63.9%,12.2%,53.3%)`
CMYK	0, 81, 17, 36
HSL	312.3°, 68, 38	`hsl(312.3,68%,38%)`
HSV (or HSB)	312.3°, 81, 63.9
Web Safe	993399	`#993399`

CIE-LAB	38.805, 61.358, -26.776
XYZ	20.038, 10.546, 24.271
xyY	0.365, 0.192, 10.546
CIE-LCH	38.805, 66.946, 336.424
CIE-LUV	38.805, 61.264, -45.533
Hunter-Lab	32.474, 53.313, -21.582
Binary	10100011, 00011111, 10001000

#a31f88
```
#a31f88 rgb(163,31,136)
```
#1fa33a
```
#1fa33a rgb(31,163,58)
```

Complementary Color

#7c1fa3
```
#7c1fa3 rgb(124,31,163)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#a31f46
```
#a31f46 rgb(163,31,70)
```

Analogous Color

#1fa37c
```
#1fa37c rgb(31,163,124)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#46a31f
```
#46a31f rgb(70,163,31)
```

Split Complementary Color

#1f88a3
```
#1f88a3 rgb(31,136,163)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#88a31f
```
#88a31f rgb(136,163,31)
```

Triadic Color

#3a1fa3
```
#3a1fa3 rgb(58,31,163)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#88a31f
```
#88a31f rgb(136,163,31)
```
#1fa33a
```
#1fa33a rgb(31,163,58)
```

Tetradic Color

#631352
```
#631352 rgb(99,19,82)
```
#781764
```
#781764 rgb(120,23,100)
```
#8e1b76
```
#8e1b76 rgb(142,27,118)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#b8239a
```
#b8239a rgb(184,35,154)
```
#ce27ac
```
#ce27ac rgb(206,39,172)
```
#d936b7
```
#d936b7 rgb(217,54,183)
```

Monochromatic Color

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

#9d1fa3
```
#9d1fa3 rgb(157,31,163)
```
#a31f9e
```
#a31f9e rgb(163,31,158)
```
#a31f93
```
#a31f93 rgb(163,31,147)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#a31f7d
```
#a31f7d rgb(163,31,125)
```
#a31f72
```
#a31f72 rgb(163,31,114)
```
#a31f67
```
#a31f67 rgb(163,31,103)
```

Similar Colors

Text with hexadecimal color #a31f88

This text has a font color of #a31f88.

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

#a31f88 background color

This paragraph has a background color of #a31f88.

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

#a31f88 border color

This element has a border color of #a31f88.

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

CSS codes

.text {color:#a31f88;}

.background {background-color:#a31f88;}

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

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)
```
#1f061a
```
#1f061a rgb(31,6,26)
```
#300928
```
#300928 rgb(48,9,40)
```
#400c35
```
#400c35 rgb(64,12,53)
```
#510f43
```
#510f43 rgb(81,15,67)
```
#611251
```
#611251 rgb(97,18,81)
```
#72165f
```
#72165f rgb(114,22,95)
```
#82196c
```
#82196c rgb(130,25,108)
```
#931c7a
```
#931c7a rgb(147,28,122)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#b32296
```
#b32296 rgb(179,34,150)
```
#c425a4
```
#c425a4 rgb(196,37,164)
```
#d428b1
```
#d428b1 rgb(212,40,177)
```

Shade Color Variation

#d937b8
```
#d937b8 rgb(217,55,184)
```
#dc48be
```
#dc48be rgb(220,72,190)
```
#df58c4
```
#df58c4 rgb(223,88,196)
```
#e269ca
```
#e269ca rgb(226,105,202)
```
#e679cf
```
#e679cf rgb(230,121,207)
```
#e98ad5
```
#e98ad5 rgb(233,138,213)
```
#ec9adb
```
#ec9adb rgb(236,154,219)
```
#efabe1
```
#efabe1 rgb(239,171,225)
```
#f2bbe7
```
#f2bbe7 rgb(242,187,231)
```
#f5cced
```
#f5cced rgb(245,204,237)
```
#f8dcf3
```
#f8dcf3 rgb(248,220,243)
```
#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, #675b65 is the less saturated color, while #c1019a is the most saturated one.

#675b65
```
#675b65 rgb(103,91,101)
```
#6f5369
```
#6f5369 rgb(111,83,105)
```
#764c6e
```
#764c6e rgb(118,76,110)
```
#7e4472
```
#7e4472 rgb(126,68,114)
```
#853d76
```
#853d76 rgb(133,61,118)
```
#8d357b
```
#8d357b rgb(141,53,123)
```
#942e7f
```
#942e7f rgb(148,46,127)
```
#9c2684
```
#9c2684 rgb(156,38,132)
```
#a31f88
```
#a31f88 rgb(163,31,136)
```
#aa188c
```
#aa188c rgb(170,24,140)
```
#b21091
```
#b21091 rgb(178,16,145)
```
#b90995
```
#b90995 rgb(185,9,149)
```
#c1019a
```
#c1019a rgb(193,1,154)
```

Tone Color Variation

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

Dichromacy

#3061b3 Protanopia 1% of men
#5b6282 Deuteranopia 1% of men
#a14549 Tritanopia 0.001% of the population

Trichromacy

#5a49a3 Protanomaly 1% of men, 0.01% of women
#754984 Deuteranomaly 6% of men, 0.4% of women
#a13760 Tritanomaly 0.01% of the population

#a31f88 hex color

#a31f88 Color Information

#a31f88 Color Conversion

Color Schemes with #a31f88

Alternatives to #a31f88

#a31f88 Preview

Shades and Tints of #a31f88

Tones of #a31f88

Color Blindness Simulator