#a31676 hex color

In a RGB color space, hex #a31676 is composed of 63.9% red, 8.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 27.6% yellow and 36.1% black. It has a hue angle of 319.1 degrees, a saturation of 76.2% and a lightness of 36.3%. #a31676 color hex could be obtained by blending #ff2cec with #470000. Closest websafe color is: #990066.

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

● #a31676 color description : Dark pink.

The hexadecimal color #a31676 has RGB values of R:163, G:22, B:118 and CMYK values of C:0, M:0.87, Y:0.28, K:0.36. Its decimal value is 10688118.

Hex triplet	a31676	`#a31676`
RGB Decimal	163, 22, 118	`rgb(163,22,118)`
RGB Percent	63.9, 8.6, 46.3	`rgb(63.9%,8.6%,46.3%)`
CMYK	0, 87, 28, 36
HSL	319.1°, 76.2, 36.3	`hsl(319.1,76.2%,36.3%)`
HSV (or HSB)	319.1°, 86.5, 63.9
Web Safe	990066	`#990066`

CIE-LAB	37.244, 61.108, -18.012
XYZ	18.661, 9.67, 18.022
xyY	0.403, 0.209, 9.67
CIE-LCH	37.244, 63.707, 343.577
CIE-LUV	37.244, 70.164, -33.266
Hunter-Lab	31.097, 52.7, -12.594
Binary	10100011, 00010110, 01110110

#a31676
```
#a31676 rgb(163,22,118)
```
#16a343
```
#16a343 rgb(22,163,67)
```

Complementary Color

#8a16a3
```
#8a16a3 rgb(138,22,163)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#a31630
```
#a31630 rgb(163,22,48)
```

Analogous Color

#16a38a
```
#16a38a rgb(22,163,138)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#30a316
```
#30a316 rgb(48,163,22)
```

Split Complementary Color

#1676a3
```
#1676a3 rgb(22,118,163)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#76a316
```
#76a316 rgb(118,163,22)
```

Triadic Color

#4316a3
```
#4316a3 rgb(67,22,163)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#76a316
```
#76a316 rgb(118,163,22)
```
#16a343
```
#16a343 rgb(22,163,67)
```

Tetradic Color

#600d45
```
#600d45 rgb(96,13,69)
```
#761055
```
#761055 rgb(118,16,85)
```
#8d1366
```
#8d1366 rgb(141,19,102)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#b91986
```
#b91986 rgb(185,25,134)
```
#d01c97
```
#d01c97 rgb(208,28,151)
```
#e124a5
```
#e124a5 rgb(225,36,165)
```

Monochromatic Color

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

#a31699
```
#a31699 rgb(163,22,153)
```
#a3168e
```
#a3168e rgb(163,22,142)
```
#a31682
```
#a31682 rgb(163,22,130)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#a3166a
```
#a3166a rgb(163,22,106)
```
#a3165f
```
#a3165f rgb(163,22,95)
```
#a31653
```
#a31653 rgb(163,22,83)
```

Similar Colors

Text with hexadecimal color #a31676

This text has a font color of #a31676.

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

#a31676 background color

This paragraph has a background color of #a31676.

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

#a31676 border color

This element has a border color of #a31676.

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

CSS codes

.text {color:#a31676;}

.background {background-color:#a31676;}

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

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

#070105
```
#070105 rgb(7,1,5)
```
#190312
```
#190312 rgb(25,3,18)
```
#2a061e
```
#2a061e rgb(42,6,30)
```
#3b082b
```
#3b082b rgb(59,8,43)
```
#4d0a37
```
#4d0a37 rgb(77,10,55)
```
#5e0d44
```
#5e0d44 rgb(94,13,68)
```
#6f0f50
```
#6f0f50 rgb(111,15,80)
```
#80115d
```
#80115d rgb(128,17,93)
```
#921469
```
#921469 rgb(146,20,105)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#b41883
```
#b41883 rgb(180,24,131)
```
#c61b8f
```
#c61b8f rgb(198,27,143)
```
#d71d9c
```
#d71d9c rgb(215,29,156)
```

Shade Color Variation

#e226a6
```
#e226a6 rgb(226,38,166)
```
#e437ad
```
#e437ad rgb(228,55,173)
```
#e648b4
```
#e648b4 rgb(230,72,180)
```
#e95abb
```
#e95abb rgb(233,90,187)
```
#eb6bc2
```
#eb6bc2 rgb(235,107,194)
```
#ed7cc9
```
#ed7cc9 rgb(237,124,201)
```
#f08dd0
```
#f08dd0 rgb(240,141,208)
```
#f29fd7
```
#f29fd7 rgb(242,159,215)
```
#f4b0df
```
#f4b0df rgb(244,176,223)
```
#f7c1e6
```
#f7c1e6 rgb(247,193,230)
```
#f9d3ed
```
#f9d3ed rgb(249,211,237)
```
#fbe4f4
```
#fbe4f4 rgb(251,228,244)
```
#fef5fb
```
#fef5fb rgb(254,245,251)
```

Tint Color Variation

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

#63565f
```
#63565f rgb(99,86,95)
```
#6a4f61
```
#6a4f61 rgb(106,79,97)
```
#714864
```
#714864 rgb(113,72,100)
```
#784167
```
#784167 rgb(120,65,103)
```
#7f3a69
```
#7f3a69 rgb(127,58,105)
```
#87326c
```
#87326c rgb(135,50,108)
```
#8e2b6e
```
#8e2b6e rgb(142,43,110)
```
#952471
```
#952471 rgb(149,36,113)
```
#9c1d73
```
#9c1d73 rgb(156,29,115)
```
#a31676
```
#a31676 rgb(163,22,118)
```
#aa0f79
```
#aa0f79 rgb(170,15,121)
```
#b1087b
```
#b1087b rgb(177,8,123)
```
#b8017e
```
#b8017e rgb(184,1,126)
```

Tone Color Variation

Below, you can see how #a31676 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
#5d4054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5ea1 Protanopia 1% of men
#605e71 Deuteranopia 1% of men
#a23b3e Tritanopia 0.001% of the population

Trichromacy

#634391 Protanomaly 1% of men, 0.01% of women
#784473 Deuteranomaly 6% of men, 0.4% of women
#a22d52 Tritanomaly 0.01% of the population

#a31676 hex color

#a31676 Color Information

#a31676 Color Conversion

Color Schemes with #a31676

Alternatives to #a31676

#a31676 Preview

Shades and Tints of #a31676

Tones of #a31676

Color Blindness Simulator