#a31d54 hex color

In a RGB color space, hex #a31d54 is composed of 63.9% red, 11.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 48.5% yellow and 36.1% black. It has a hue angle of 335.4 degrees, a saturation of 69.8% and a lightness of 37.6%. #a31d54 color hex could be obtained by blending #ff3aa8 with #470000. Closest websafe color is: #993366.

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

● #a31d54 color description : Dark pink.

The hexadecimal color #a31d54 has RGB values of R:163, G:29, B:84 and CMYK values of C:0, M:0.82, Y:0.48, K:0.36. Its decimal value is 10689876.

Hex triplet	a31d54	`#a31d54`
RGB Decimal	163, 29, 84	`rgb(163,29,84)`
RGB Percent	63.9, 11.4, 32.9	`rgb(63.9%,11.4%,32.9%)`
CMYK	0, 82, 48, 36
HSL	335.4°, 69.8, 37.6	`hsl(335.4,69.8%,37.6%)`
HSV (or HSB)	335.4°, 82.2, 63.9
Web Safe	993366	`#993366`

CIE-LAB	36.569, 55.917, 2.619
XYZ	17.144, 9.307, 9.281
xyY	0.48, 0.26, 9.307
CIE-LCH	36.569, 55.978, 2.681
CIE-LUV	36.569, 82.559, -6.921
Hunter-Lab	30.508, 46.923, 3.319
Binary	10100011, 00011101, 01010100

#a31d54
```
#a31d54 rgb(163,29,84)
```
#1da36c
```
#1da36c rgb(29,163,108)
```

Complementary Color

#a31d97
```
#a31d97 rgb(163,29,151)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#a3291d
```
#a3291d rgb(163,41,29)
```

Analogous Color

#1d97a3
```
#1d97a3 rgb(29,151,163)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#1da329
```
#1da329 rgb(29,163,41)
```

Split Complementary Color

#1d54a3
```
#1d54a3 rgb(29,84,163)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#54a31d
```
#54a31d rgb(84,163,29)
```

Triadic Color

#6c1da3
```
#6c1da3 rgb(108,29,163)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#54a31d
```
#54a31d rgb(84,163,29)
```
#1da36c
```
#1da36c rgb(29,163,108)
```

Tetradic Color

#621133
```
#621133 rgb(98,17,51)
```
#78153e
```
#78153e rgb(120,21,62)
```
#8d1949
```
#8d1949 rgb(141,25,73)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#b9215f
```
#b9215f rgb(185,33,95)
```
#ce256a
```
#ce256a rgb(206,37,106)
```
#db3277
```
#db3277 rgb(219,50,119)
```

Monochromatic Color

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

#a31d76
```
#a31d76 rgb(163,29,118)
```
#a31d6a
```
#a31d6a rgb(163,29,106)
```
#a31d5f
```
#a31d5f rgb(163,29,95)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#a31d49
```
#a31d49 rgb(163,29,73)
```
#a31d3e
```
#a31d3e rgb(163,29,62)
```
#a31d32
```
#a31d32 rgb(163,29,50)
```

Similar Colors

Text with hexadecimal color #a31d54

This text has a font color of #a31d54.

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

#a31d54 background color

This paragraph has a background color of #a31d54.

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

#a31d54 border color

This element has a border color of #a31d54.

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

CSS codes

.text {color:#a31d54;}

.background {background-color:#a31d54;}

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

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

#0d0207
```
#0d0207 rgb(13,2,7)
```
#1e050f
```
#1e050f rgb(30,5,15)
```
#2e0818
```
#2e0818 rgb(46,8,24)
```
#3f0b21
```
#3f0b21 rgb(63,11,33)
```
#500e29
```
#500e29 rgb(80,14,41)
```
#601132
```
#601132 rgb(96,17,50)
```
#71143a
```
#71143a rgb(113,20,58)
```
#821743
```
#821743 rgb(130,23,67)
```
#921a4b
```
#921a4b rgb(146,26,75)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#b4205d
```
#b4205d rgb(180,32,93)
```
#c42365
```
#c42365 rgb(196,35,101)
```
#d5266e
```
#d5266e rgb(213,38,110)
```

Shade Color Variation

#db3478
```
#db3478 rgb(219,52,120)
```
#de4483
```
#de4483 rgb(222,68,131)
```
#e1558e
```
#e1558e rgb(225,85,142)
```
#e46699
```
#e46699 rgb(228,102,153)
```
#e776a4
```
#e776a4 rgb(231,118,164)
```
#ea87af
```
#ea87af rgb(234,135,175)
```
#ed98ba
```
#ed98ba rgb(237,152,186)
```
#f0a8c5
```
#f0a8c5 rgb(240,168,197)
```
#f3b9d1
```
#f3b9d1 rgb(243,185,209)
```
#f5cadc
```
#f5cadc rgb(245,202,220)
```
#f8dae7
```
#f8dae7 rgb(248,218,231)
```
#fbebf2
```
#fbebf2 rgb(251,235,242)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#615f60
```
#615f60 rgb(97,95,96)
```
#68585f
```
#68585f rgb(104,88,95)
```
#6f515d
```
#6f515d rgb(111,81,93)
```
#77495c
```
#77495c rgb(119,73,92)
```
#7e425b
```
#7e425b rgb(126,66,91)
```
#853b59
```
#853b59 rgb(133,59,89)
```
#8d3358
```
#8d3358 rgb(141,51,88)
```
#942c57
```
#942c57 rgb(148,44,87)
```
#9c2455
```
#9c2455 rgb(156,36,85)
```
#a31d54
```
#a31d54 rgb(163,29,84)
```
#aa1653
```
#aa1653 rgb(170,22,83)
```
#b20e51
```
#b20e51 rgb(178,14,81)
```
#b90750
```
#b90750 rgb(185,7,80)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5d424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#585d76 Protanopia 1% of men
#6b5b53 Deuteranopia 1% of men
#a53436 Tritanopia 0.001% of the population

Trichromacy

#734669 Protanomaly 1% of men, 0.01% of women
#7f4453 Deuteranomaly 6% of men, 0.4% of women
#a42b41 Tritanomaly 0.01% of the population

#a31d54 hex color

#a31d54 Color Information

#a31d54 Color Conversion

Color Schemes with #a31d54

Alternatives to #a31d54

#a31d54 Preview

Shades and Tints of #a31d54

Tones of #a31d54

Color Blindness Simulator