#a31557 hex color

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

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

● #a31557 color description : Dark pink.

The hexadecimal color #a31557 has RGB values of R:163, G:21, B:87 and CMYK values of C:0, M:0.87, Y:0.47, K:0.36. Its decimal value is 10687831.

Hex triplet	a31557	`#a31557`
RGB Decimal	163, 21, 87	`rgb(163,21,87)`
RGB Percent	63.9, 8.2, 34.1	`rgb(63.9%,8.2%,34.1%)`
CMYK	0, 87, 47, 36
HSL	332.1°, 77.2, 36.1	`hsl(332.1,77.2%,36.1%)`
HSV (or HSB)	332.1°, 87.1, 63.9
Web Safe	990066	`#990066`

CIE-LAB	36.009, 58.05, -0.129
XYZ	17.093, 9.013, 9.856
xyY	0.475, 0.251, 9.013
CIE-LCH	36.009, 58.05, 359.873
CIE-LUV	36.009, 83.389, -10.433
Hunter-Lab	30.021, 49.095, 1.55
Binary	10100011, 00010101, 01010111

#a31557
```
#a31557 rgb(163,21,87)
```
#15a361
```
#15a361 rgb(21,163,97)
```

Complementary Color

#a3159e
```
#a3159e rgb(163,21,158)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#a31a15
```
#a31a15 rgb(163,26,21)
```

Analogous Color

#159ea3
```
#159ea3 rgb(21,158,163)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#15a31a
```
#15a31a rgb(21,163,26)
```

Split Complementary Color

#1557a3
```
#1557a3 rgb(21,87,163)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#57a315
```
#57a315 rgb(87,163,21)
```

Triadic Color

#6115a3
```
#6115a3 rgb(97,21,163)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#57a315
```
#57a315 rgb(87,163,21)
```
#15a361
```
#15a361 rgb(21,163,97)
```

Tetradic Color

#5f0c33
```
#5f0c33 rgb(95,12,51)
```
#760f3f
```
#760f3f rgb(118,15,63)
```
#8c124b
```
#8c124b rgb(140,18,75)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#ba1863
```
#ba1863 rgb(186,24,99)
```
#d01b6f
```
#d01b6f rgb(208,27,111)
```
#e3227b
```
#e3227b rgb(227,34,123)
```

Monochromatic Color

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

#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)
```
#a3153f
```
#a3153f rgb(163,21,63)
```
#a31534
```
#a31534 rgb(163,21,52)
```

Similar Colors

Text with hexadecimal color #a31557

This text has a font color of #a31557.

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

#a31557 background color

This paragraph has a background color of #a31557.

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

#a31557 border color

This element has a border color of #a31557.

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

CSS codes

.text {color:#a31557;}

.background {background-color:#a31557;}

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

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)
```
#18030d
```
#18030d rgb(24,3,13)
```
#290516
```
#290516 rgb(41,5,22)
```
#3b081f
```
#3b081f rgb(59,8,31)
```
#4c0a29
```
#4c0a29 rgb(76,10,41)
```
#5d0c32
```
#5d0c32 rgb(93,12,50)
```
#6f0e3b
```
#6f0e3b rgb(111,14,59)
```
#801144
```
#801144 rgb(128,17,68)
```
#92134e
```
#92134e rgb(146,19,78)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#b41760
```
#b41760 rgb(180,23,96)
```
#c6196a
```
#c6196a rgb(198,25,106)
```
#d71c73
```
#d71c73 rgb(215,28,115)
```

Shade Color Variation

#e3247d
```
#e3247d rgb(227,36,125)
```
#e53587
```
#e53587 rgb(229,53,135)
```
#e74691
```
#e74691 rgb(231,70,145)
```
#e9589c
```
#e9589c rgb(233,88,156)
```
#ec69a6
```
#ec69a6 rgb(236,105,166)
```
#ee7bb0
```
#ee7bb0 rgb(238,123,176)
```
#f08cbb
```
#f08cbb rgb(240,140,187)
```
#f29dc5
```
#f29dc5 rgb(242,157,197)
```
#f5afcf
```
#f5afcf rgb(245,175,207)
```
#f7c0da
```
#f7c0da rgb(247,192,218)
```
#f9d1e4
```
#f9d1e4 rgb(249,209,228)
```
#fbe3ee
```
#fbe3ee rgb(251,227,238)
```
#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 #b10756 is the most saturated one.

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#63555b
```
#63555b rgb(99,85,91)
```
#6a4e5b
```
#6a4e5b rgb(106,78,91)
```
#71475a
```
#71475a rgb(113,71,90)
```
#793f5a
```
#793f5a rgb(121,63,90)
```
#803859
```
#803859 rgb(128,56,89)
```
#873159
```
#873159 rgb(135,49,89)
```
#8e2a58
```
#8e2a58 rgb(142,42,88)
```
#952358
```
#952358 rgb(149,35,88)
```
#9c1c57
```
#9c1c57 rgb(156,28,87)
```
#a31557
```
#a31557 rgb(163,21,87)
```
#aa0e57
```
#aa0e57 rgb(170,14,87)
```
#b10756
```
#b10756 rgb(177,7,86)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#593d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#535c7c Protanopia 1% of men
#695a56 Deuteranopia 1% of men
#a53032 Tritanopia 0.001% of the population

Trichromacy

#70426e Protanomaly 1% of men, 0.01% of women
#7e4156 Deuteranomaly 6% of men, 0.4% of women
#a4263f Tritanomaly 0.01% of the population

#a31557 hex color

#a31557 Color Information

#a31557 Color Conversion

Color Schemes with #a31557

Alternatives to #a31557

#a31557 Preview

Shades and Tints of #a31557

Tones of #a31557

Color Blindness Simulator