#a31b63 hex color

In a RGB color space, hex #a31b63 is composed of 63.9% red, 10.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 39.3% yellow and 36.1% black. It has a hue angle of 328.2 degrees, a saturation of 71.6% and a lightness of 37.3%. #a31b63 color hex could be obtained by blending #ff36c6 with #470000. Closest websafe color is: #993366.

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

● #a31b63 color description : Dark pink.

The hexadecimal color #a31b63 has RGB values of R:163, G:27, B:99 and CMYK values of C:0, M:0.83, Y:0.39, K:0.36. Its decimal value is 10689379.

Hex triplet	a31b63	`#a31b63`
RGB Decimal	163, 27, 99	`rgb(163,27,99)`
RGB Percent	63.9, 10.6, 38.8	`rgb(63.9%,10.6%,38.8%)`
CMYK	0, 83, 39, 36
HSL	328.2°, 71.6, 37.3	`hsl(328.2,71.6%,37.3%)`
HSV (or HSB)	328.2°, 83.4, 63.9
Web Safe	993366	`#993366`

CIE-LAB	36.88, 57.86, -6.541
XYZ	17.749, 9.473, 12.698
xyY	0.445, 0.237, 9.473
CIE-LCH	36.88, 58.229, 353.55
CIE-LUV	36.88, 77.109, -18.03
Hunter-Lab	30.778, 49.072, -2.915
Binary	10100011, 00011011, 01100011

#a31b63
```
#a31b63 rgb(163,27,99)
```
#1ba35b
```
#1ba35b rgb(27,163,91)
```

Complementary Color

#9f1ba3
```
#9f1ba3 rgb(159,27,163)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```

Analogous Color

#1ba39f
```
#1ba39f rgb(27,163,159)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#1fa31b
```
#1fa31b rgb(31,163,27)
```

Split Complementary Color

#1b63a3
```
#1b63a3 rgb(27,99,163)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#63a31b
```
#63a31b rgb(99,163,27)
```

Triadic Color

#5b1ba3
```
#5b1ba3 rgb(91,27,163)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#63a31b
```
#63a31b rgb(99,163,27)
```
#1ba35b
```
#1ba35b rgb(27,163,91)
```

Tetradic Color

#61103b
```
#61103b rgb(97,16,59)
```
#771448
```
#771448 rgb(119,20,72)
```
#8d1756
```
#8d1756 rgb(141,23,86)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#b91f70
```
#b91f70 rgb(185,31,112)
```
#cf227e
```
#cf227e rgb(207,34,126)
```
#dc2e8a
```
#dc2e8a rgb(220,46,138)
```

Monochromatic Color

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

#a31b85
```
#a31b85 rgb(163,27,133)
```
#a31b7a
```
#a31b7a rgb(163,27,122)
```
#a31b6e
```
#a31b6e rgb(163,27,110)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#a31b58
```
#a31b58 rgb(163,27,88)
```
#a31b4c
```
#a31b4c rgb(163,27,76)
```
#a31b41
```
#a31b41 rgb(163,27,65)
```

Similar Colors

Text with hexadecimal color #a31b63

This text has a font color of #a31b63.

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

#a31b63 background color

This paragraph has a background color of #a31b63.

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

#a31b63 border color

This element has a border color of #a31b63.

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

CSS codes

.text {color:#a31b63;}

.background {background-color:#a31b63;}

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

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

#0c0207
```
#0c0207 rgb(12,2,7)
```
#1c0511
```
#1c0511 rgb(28,5,17)
```
#2d071b
```
#2d071b rgb(45,7,27)
```
#3e0a26
```
#3e0a26 rgb(62,10,38)
```
#4f0d30
```
#4f0d30 rgb(79,13,48)
```
#60103a
```
#60103a rgb(96,16,58)
```
#711344
```
#711344 rgb(113,19,68)
```
#81154f
```
#81154f rgb(129,21,79)
```
#921859
```
#921859 rgb(146,24,89)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#b41e6d
```
#b41e6d rgb(180,30,109)
```
#c52177
```
#c52177 rgb(197,33,119)
```
#d52382
```
#d52382 rgb(213,35,130)
```

Shade Color Variation

#dd308b
```
#dd308b rgb(221,48,139)
```
#df4195
```
#df4195 rgb(223,65,149)
```
#e2519e
```
#e2519e rgb(226,81,158)
```
#e562a8
```
#e562a8 rgb(229,98,168)
```
#e873b1
```
#e873b1 rgb(232,115,177)
```
#eb84ba
```
#eb84ba rgb(235,132,186)
```
#ed95c4
```
#ed95c4 rgb(237,149,196)
```
#f0a6cd
```
#f0a6cd rgb(240,166,205)
```
#f3b6d6
```
#f3b6d6 rgb(243,182,214)
```
#f6c7e0
```
#f6c7e0 rgb(246,199,224)
```
#f9d8e9
```
#f9d8e9 rgb(249,216,233)
```
#fbe9f3
```
#fbe9f3 rgb(251,233,243)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#615d5f
```
#615d5f rgb(97,93,95)
```
#695560
```
#695560 rgb(105,85,96)
```
#704e60
```
#704e60 rgb(112,78,96)
```
#774760
```
#774760 rgb(119,71,96)
```
#7e4061
```
#7e4061 rgb(126,64,97)
```
#863861
```
#863861 rgb(134,56,97)
```
#8d3162
```
#8d3162 rgb(141,49,98)
```
#942a62
```
#942a62 rgb(148,42,98)
```
#9c2263
```
#9c2263 rgb(156,34,99)
```
#a31b63
```
#a31b63 rgb(163,27,99)
```
#aa1463
```
#aa1463 rgb(170,20,99)
```
#b20c64
```
#b20c64 rgb(178,12,100)
```
#b90564
```
#b90564 rgb(185,5,100)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d4251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5e88 Protanopia 1% of men
#675c61 Deuteranopia 1% of men
#a43739 Tritanopia 0.001% of the population

Trichromacy

#6e457b Protanomaly 1% of men, 0.01% of women
#7d4461 Deuteranomaly 6% of men, 0.4% of women
#a32d48 Tritanomaly 0.01% of the population

#a31b63 hex color

#a31b63 Color Information

#a31b63 Color Conversion

Color Schemes with #a31b63

Alternatives to #a31b63

#a31b63 Preview

Shades and Tints of #a31b63

Tones of #a31b63

Color Blindness Simulator