#a31563 hex color

In a RGB color space, hex #a31563 is composed of 63.9% red, 8.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 39.3% yellow and 36.1% black. It has a hue angle of 327 degrees, a saturation of 77.2% and a lightness of 36.1%. #a31563 color hex could be obtained by blending #ff2ac6 with #470000. Closest websafe color is: #990066.

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

● #a31563 color description : Dark pink.

The hexadecimal color #a31563 has RGB values of R:163, G:21, B:99 and CMYK values of C:0, M:0.87, Y:0.39, K:0.36. Its decimal value is 10687843.

Hex triplet	a31563	`#a31563`
RGB Decimal	163, 21, 99	`rgb(163,21,99)`
RGB Percent	63.9, 8.2, 38.8	`rgb(63.9%,8.2%,38.8%)`
CMYK	0, 87, 39, 36
HSL	327°, 77.2, 36.1	`hsl(327,77.2%,36.1%)`
HSV (or HSB)	327°, 87.1, 63.9
Web Safe	990066	`#990066`

CIE-LAB	36.415, 59.197, -7.236
XYZ	17.625, 9.226, 12.656
xyY	0.446, 0.234, 9.226
CIE-LCH	36.415, 59.638, 353.031
CIE-LUV	36.415, 78.396, -19.076
Hunter-Lab	30.374, 50.425, -3.444
Binary	10100011, 00010101, 01100011

#a31563
```
#a31563 rgb(163,21,99)
```
#15a355
```
#15a355 rgb(21,163,85)
```

Complementary Color

#9c15a3
```
#9c15a3 rgb(156,21,163)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#a3151c
```
#a3151c rgb(163,21,28)
```

Analogous Color

#15a39c
```
#15a39c rgb(21,163,156)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#1ca315
```
#1ca315 rgb(28,163,21)
```

Split Complementary Color

#1563a3
```
#1563a3 rgb(21,99,163)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#63a315
```
#63a315 rgb(99,163,21)
```

Triadic Color

#5515a3
```
#5515a3 rgb(85,21,163)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#63a315
```
#63a315 rgb(99,163,21)
```
#15a355
```
#15a355 rgb(21,163,85)
```

Tetradic Color

#5f0c3a
```
#5f0c3a rgb(95,12,58)
```
#760f48
```
#760f48 rgb(118,15,72)
```
#8c1255
```
#8c1255 rgb(140,18,85)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#ba1871
```
#ba1871 rgb(186,24,113)
```
#d01b7e
```
#d01b7e rgb(208,27,126)
```
#e3228c
```
#e3228c rgb(227,34,140)
```

Monochromatic Color

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

#a31587
```
#a31587 rgb(163,21,135)
```
#a3157b
```
#a3157b rgb(163,21,123)
```
#a3156f
```
#a3156f rgb(163,21,111)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#a3154b
```
#a3154b rgb(163,21,75)
```
#a31540
```
#a31540 rgb(163,21,64)
```

Similar Colors

Text with hexadecimal color #a31563

This text has a font color of #a31563.

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

#a31563 background color

This paragraph has a background color of #a31563.

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

#a31563 border color

This element has a border color of #a31563.

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

CSS codes

.text {color:#a31563;}

.background {background-color:#a31563;}

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

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, #070104 is the darkest color, while #fef4f9 is the lightest one.

#070104
```
#070104 rgb(7,1,4)
```
#18030f
```
#18030f rgb(24,3,15)
```
#290519
```
#290519 rgb(41,5,25)
```
#3b0824
```
#3b0824 rgb(59,8,36)
```
#4c0a2e
```
#4c0a2e rgb(76,10,46)
```
#5d0c39
```
#5d0c39 rgb(93,12,57)
```
#6f0e43
```
#6f0e43 rgb(111,14,67)
```
#80114e
```
#80114e rgb(128,17,78)
```
#921358
```
#921358 rgb(146,19,88)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#b4176e
```
#b4176e rgb(180,23,110)
```
#c61978
```
#c61978 rgb(198,25,120)
```
#d71c83
```
#d71c83 rgb(215,28,131)
```

Shade Color Variation

#e3248d
```
#e3248d rgb(227,36,141)
```
#e53596
```
#e53596 rgb(229,53,150)
```
#e7469f
```
#e7469f rgb(231,70,159)
```
#e958a8
```
#e958a8 rgb(233,88,168)
```
#ec69b1
```
#ec69b1 rgb(236,105,177)
```
#ee7bba
```
#ee7bba rgb(238,123,186)
```
#f08cc3
```
#f08cc3 rgb(240,140,195)
```
#f29dcc
```
#f29dcc rgb(242,157,204)
```
#f5afd5
```
#f5afd5 rgb(245,175,213)
```
#f7c0de
```
#f7c0de rgb(247,192,222)
```
#f9d1e7
```
#f9d1e7 rgb(249,209,231)
```
#fbe3f0
```
#fbe3f0 rgb(251,227,240)
```
#fef4f9
```
#fef4f9 rgb(254,244,249)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#63555d
```
#63555d rgb(99,85,93)
```
#6a4e5d
```
#6a4e5d rgb(106,78,93)
```
#71475e
```
#71475e rgb(113,71,94)
```
#793f5f
```
#793f5f rgb(121,63,95)
```
#803860
```
#803860 rgb(128,56,96)
```
#873160
```
#873160 rgb(135,49,96)
```
#8e2a61
```
#8e2a61 rgb(142,42,97)
```
#952362
```
#952362 rgb(149,35,98)
```
#9c1c62
```
#9c1c62 rgb(156,28,98)
```
#a31563
```
#a31563 rgb(163,21,99)
```
#aa0e64
```
#aa0e64 rgb(170,14,100)
```
#b10764
```
#b10764 rgb(177,7,100)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5a3e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5c8a Protanopia 1% of men
#665b60 Deuteranopia 1% of men
#a43436 Tritanopia 0.001% of the population

Trichromacy

#6c427c Protanomaly 1% of men, 0.01% of women
#7c4261 Deuteranomaly 6% of men, 0.4% of women
#a32946 Tritanomaly 0.01% of the population

#a31563 hex color

#a31563 Color Information

#a31563 Color Conversion

Color Schemes with #a31563

Alternatives to #a31563

#a31563 Preview

Shades and Tints of #a31563

Tones of #a31563

Color Blindness Simulator