#a31f63 hex color

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

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

● #a31f63 color description : Dark pink.

The hexadecimal color #a31f63 has RGB values of R:163, G:31, B:99 and CMYK values of C:0, M:0.81, Y:0.39, K:0.36. Its decimal value is 10690403.

Hex triplet	a31f63	`#a31f63`
RGB Decimal	163, 31, 99	`rgb(163,31,99)`
RGB Percent	63.9, 12.2, 38.8	`rgb(63.9%,12.2%,38.8%)`
CMYK	0, 81, 39, 36
HSL	329.1°, 68, 38	`hsl(329.1,68%,38%)`
HSV (or HSB)	329.1°, 81, 63.9
Web Safe	993366	`#993366`

CIE-LAB	37.242, 56.823, -6
XYZ	17.847, 9.669, 12.73
xyY	0.443, 0.24, 9.669
CIE-LCH	37.242, 57.139, 353.973
CIE-LUV	37.242, 76.102, -17.211
Hunter-Lab	31.095, 48.031, -2.506
Binary	10100011, 00011111, 01100011

#a31f63
```
#a31f63 rgb(163,31,99)
```
#1fa35f
```
#1fa35f rgb(31,163,95)
```

Complementary Color

#a11fa3
```
#a11fa3 rgb(161,31,163)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#a31f21
```
#a31f21 rgb(163,31,33)
```

Analogous Color

#1fa3a1
```
#1fa3a1 rgb(31,163,161)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#21a31f
```
#21a31f rgb(33,163,31)
```

Split Complementary Color

#1f63a3
```
#1f63a3 rgb(31,99,163)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#63a31f
```
#63a31f rgb(99,163,31)
```

Triadic Color

#5f1fa3
```
#5f1fa3 rgb(95,31,163)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#63a31f
```
#63a31f rgb(99,163,31)
```
#1fa35f
```
#1fa35f rgb(31,163,95)
```

Tetradic Color

#63133c
```
#63133c rgb(99,19,60)
```
#781749
```
#781749 rgb(120,23,73)
```
#8e1b56
```
#8e1b56 rgb(142,27,86)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#b82370
```
#b82370 rgb(184,35,112)
```
#ce277d
```
#ce277d rgb(206,39,125)
```
#d9368a
```
#d9368a rgb(217,54,138)
```

Monochromatic Color

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

#a31f84
```
#a31f84 rgb(163,31,132)
```
#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)
```

Similar Colors

Text with hexadecimal color #a31f63

This text has a font color of #a31f63.

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

#a31f63 background color

This paragraph has a background color of #a31f63.

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

#a31f63 border color

This element has a border color of #a31f63.

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

CSS codes

.text {color:#a31f63;}

.background {background-color:#a31f63;}

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

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

#0f0309
```
#0f0309 rgb(15,3,9)
```
#1f0613
```
#1f0613 rgb(31,6,19)
```
#30091d
```
#30091d rgb(48,9,29)
```
#400c27
```
#400c27 rgb(64,12,39)
```
#510f31
```
#510f31 rgb(81,15,49)
```
#61123b
```
#61123b rgb(97,18,59)
```
#721645
```
#721645 rgb(114,22,69)
```
#82194f
```
#82194f rgb(130,25,79)
```
#931c59
```
#931c59 rgb(147,28,89)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#b3226d
```
#b3226d rgb(179,34,109)
```
#c42577
```
#c42577 rgb(196,37,119)
```
#d42881
```
#d42881 rgb(212,40,129)
```

Shade Color Variation

#d9378b
```
#d9378b rgb(217,55,139)
```
#dc4894
```
#dc4894 rgb(220,72,148)
```
#df589e
```
#df589e rgb(223,88,158)
```
#e269a7
```
#e269a7 rgb(226,105,167)
```
#e679b1
```
#e679b1 rgb(230,121,177)
```
#e98abb
```
#e98abb rgb(233,138,187)
```
#ec9ac4
```
#ec9ac4 rgb(236,154,196)
```
#efabce
```
#efabce rgb(239,171,206)
```
#f2bbd8
```
#f2bbd8 rgb(242,187,216)
```
#f5cce1
```
#f5cce1 rgb(245,204,225)
```
#f8dceb
```
#f8dceb rgb(248,220,235)
```
#fcedf4
```
#fcedf4 rgb(252,237,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#675b61
```
#675b61 rgb(103,91,97)
```
#6f5361
```
#6f5361 rgb(111,83,97)
```
#764c62
```
#764c62 rgb(118,76,98)
```
#7e4462
```
#7e4462 rgb(126,68,98)
```
#853d62
```
#853d62 rgb(133,61,98)
```
#8d3562
```
#8d3562 rgb(141,53,98)
```
#942e63
```
#942e63 rgb(148,46,99)
```
#9c2663
```
#9c2663 rgb(156,38,99)
```
#a31f63
```
#a31f63 rgb(163,31,99)
```
#aa1863
```
#aa1863 rgb(170,24,99)
```
#b21063
```
#b21063 rgb(178,16,99)
```
#b90964
```
#b90964 rgb(185,9,100)
```
#c10164
```
#c10164 rgb(193,1,100)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#5f4552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525e87 Protanopia 1% of men
#685d61 Deuteranopia 1% of men
#a4393c Tritanopia 0.001% of the population

Trichromacy

#6f477a Protanomaly 1% of men, 0.01% of women
#7d4662 Deuteranomaly 6% of men, 0.4% of women
#a42f4a Tritanomaly 0.01% of the population

#a31f63 hex color

#a31f63 Color Information

#a31f63 Color Conversion

Color Schemes with #a31f63

Alternatives to #a31f63

#a31f63 Preview

Shades and Tints of #a31f63

Tones of #a31f63

Color Blindness Simulator