#a31f58 hex color

In a RGB color space, hex #a31f58 is composed of 63.9% red, 12.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 46% yellow and 36.1% black. It has a hue angle of 334.1 degrees, a saturation of 68% and a lightness of 38%. #a31f58 color hex could be obtained by blending #ff3eb0 with #470000. Closest websafe color is: #993366.

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

● #a31f58 color description : Dark pink.

The hexadecimal color #a31f58 has RGB values of R:163, G:31, B:88 and CMYK values of C:0, M:0.81, Y:0.46, K:0.36. Its decimal value is 10690392.

Hex triplet	a31f58	`#a31f58`
RGB Decimal	163, 31, 88	`rgb(163,31,88)`
RGB Percent	63.9, 12.2, 34.5	`rgb(63.9%,12.2%,34.5%)`
CMYK	0, 81, 46, 36
HSL	334.1°, 68, 38	`hsl(334.1,68%,38%)`
HSV (or HSB)	334.1°, 81, 63.9
Web Safe	993366	`#993366`

CIE-LAB	36.879, 55.739, 0.497
XYZ	17.356, 9.473, 10.147
xyY	0.469, 0.256, 9.473
CIE-LCH	36.879, 55.741, 0.511
CIE-LUV	36.879, 80.432, -9.281
Hunter-Lab	30.778, 46.797, 1.999
Binary	10100011, 00011111, 01011000

#a31f58
```
#a31f58 rgb(163,31,88)
```
#1fa36a
```
#1fa36a rgb(31,163,106)
```

Complementary Color

#a31f9a
```
#a31f9a rgb(163,31,154)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#a3281f
```
#a3281f rgb(163,40,31)
```

Analogous Color

#1f9aa3
```
#1f9aa3 rgb(31,154,163)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#1fa328
```
#1fa328 rgb(31,163,40)
```

Split Complementary Color

#1f58a3
```
#1f58a3 rgb(31,88,163)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#58a31f
```
#58a31f rgb(88,163,31)
```

Triadic Color

#6a1fa3
```
#6a1fa3 rgb(106,31,163)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#58a31f
```
#58a31f rgb(88,163,31)
```
#1fa36a
```
#1fa36a rgb(31,163,106)
```

Tetradic Color

#631335
```
#631335 rgb(99,19,53)
```
#781741
```
#781741 rgb(120,23,65)
```
#8e1b4c
```
#8e1b4c rgb(142,27,76)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#b82364
```
#b82364 rgb(184,35,100)
```
#ce276f
```
#ce276f rgb(206,39,111)
```
#d9367c
```
#d9367c rgb(217,54,124)
```

Monochromatic Color

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

#a31f79
```
#a31f79 rgb(163,31,121)
```
#a31f6e
```
#a31f6e rgb(163,31,110)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#a31f4d
```
#a31f4d rgb(163,31,77)
```
#a31f42
```
#a31f42 rgb(163,31,66)
```
#a31f37
```
#a31f37 rgb(163,31,55)
```

Similar Colors

Text with hexadecimal color #a31f58

This text has a font color of #a31f58.

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

#a31f58 background color

This paragraph has a background color of #a31f58.

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

#a31f58 border color

This element has a border color of #a31f58.

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

CSS codes

.text {color:#a31f58;}

.background {background-color:#a31f58;}

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

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

#0f0308
```
#0f0308 rgb(15,3,8)
```
#1f0611
```
#1f0611 rgb(31,6,17)
```
#30091a
```
#30091a rgb(48,9,26)
```
#400c23
```
#400c23 rgb(64,12,35)
```
#510f2c
```
#510f2c rgb(81,15,44)
```
#611234
```
#611234 rgb(97,18,52)
```
#72163d
```
#72163d rgb(114,22,61)
```
#821946
```
#821946 rgb(130,25,70)
```
#931c4f
```
#931c4f rgb(147,28,79)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#b32261
```
#b32261 rgb(179,34,97)
```
#c4256a
```
#c4256a rgb(196,37,106)
```
#d42873
```
#d42873 rgb(212,40,115)
```

Shade Color Variation

#d9377d
```
#d9377d rgb(217,55,125)
```
#dc4888
```
#dc4888 rgb(220,72,136)
```
#df5893
```
#df5893 rgb(223,88,147)
```
#e2699d
```
#e2699d rgb(226,105,157)
```
#e679a8
```
#e679a8 rgb(230,121,168)
```
#e98ab3
```
#e98ab3 rgb(233,138,179)
```
#ec9abe
```
#ec9abe rgb(236,154,190)
```
#efabc8
```
#efabc8 rgb(239,171,200)
```
#f2bbd3
```
#f2bbd3 rgb(242,187,211)
```
#f5ccde
```
#f5ccde rgb(245,204,222)
```
#f8dce8
```
#f8dce8 rgb(248,220,232)
```
#fcedf3
```
#fcedf3 rgb(252,237,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#675b60
```
#675b60 rgb(103,91,96)
```
#6f535f
```
#6f535f rgb(111,83,95)
```
#764c5e
```
#764c5e rgb(118,76,94)
```
#7e445d
```
#7e445d rgb(126,68,93)
```
#853d5c
```
#853d5c rgb(133,61,92)
```
#8d355b
```
#8d355b rgb(141,53,91)
```
#942e5a
```
#942e5a rgb(148,46,90)
```
#9c2659
```
#9c2659 rgb(156,38,89)
```
#a31f58
```
#a31f58 rgb(163,31,88)
```
#aa1857
```
#aa1857 rgb(170,24,87)
```
#b21056
```
#b21056 rgb(178,16,86)
```
#b90955
```
#b90955 rgb(185,9,85)
```
#c10154
```
#c10154 rgb(193,1,84)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#5e444f Atypical Achromatopsia 0.001% of the population

Dichromacy

#575e7a Protanopia 1% of men
#6b5c57 Deuteranopia 1% of men
#a53638 Tritanopia 0.001% of the population

Trichromacy

#72476e Protanomaly 1% of men, 0.01% of women
#7f4657 Deuteranomaly 6% of men, 0.4% of women
#a42d44 Tritanomaly 0.01% of the population

#a31f58 hex color

#a31f58 Color Information

#a31f58 Color Conversion

Color Schemes with #a31f58

Alternatives to #a31f58

#a31f58 Preview

Shades and Tints of #a31f58

Tones of #a31f58

Color Blindness Simulator