#ab316c hex color

In a RGB color space, hex #ab316c is composed of 67.1% red, 19.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 36.8% yellow and 32.9% black. It has a hue angle of 331 degrees, a saturation of 55.5% and a lightness of 43.1%. #ab316c color hex could be obtained by blending #ff62d8 with #570000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 67
- G 19
- B 42
RGB color chart
- C 0
- M 71
- Y 37
- K 33
CMYK color chart

● #ab316c color description : Dark pink.

The hexadecimal color #ab316c has RGB values of R:171, G:49, B:108 and CMYK values of C:0, M:0.71, Y:0.37, K:0.33. Its decimal value is 11219308.

Hex triplet	ab316c	`#ab316c`
RGB Decimal	171, 49, 108	`rgb(171,49,108)`
RGB Percent	67.1, 19.2, 42.4	`rgb(67.1%,19.2%,42.4%)`
CMYK	0, 71, 37, 33
HSL	331°, 55.5, 43.1	`hsl(331,55.5%,43.1%)`
HSV (or HSB)	331°, 71.3, 67.1
Web Safe	993366	`#993366`

CIE-LAB	41.119, 54.136, -5.736
XYZ	20.6, 11.939, 15.406
xyY	0.43, 0.249, 11.939
CIE-LCH	41.119, 54.439, 353.952
CIE-LUV	41.119, 73.366, -16.769
Hunter-Lab	34.553, 45.951, -2.248
Binary	10101011, 00110001, 01101100

#ab316c
```
#ab316c rgb(171,49,108)
```
#31ab70
```
#31ab70 rgb(49,171,112)
```

Complementary Color

#ab31a9
```
#ab31a9 rgb(171,49,169)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#ab3331
```
#ab3331 rgb(171,51,49)
```

Analogous Color

#31a9ab
```
#31a9ab rgb(49,169,171)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#31ab33
```
#31ab33 rgb(49,171,51)
```

Split Complementary Color

#316cab
```
#316cab rgb(49,108,171)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#6cab31
```
#6cab31 rgb(108,171,49)
```

Triadic Color

#7031ab
```
#7031ab rgb(112,49,171)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#6cab31
```
#6cab31 rgb(108,171,49)
```
#31ab70
```
#31ab70 rgb(49,171,112)
```

Tetradic Color

#702046
```
#702046 rgb(112,32,70)
```
#832653
```
#832653 rgb(131,38,83)
```
#972b5f
```
#972b5f rgb(151,43,95)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#bf3779
```
#bf3779 rgb(191,55,121)
```
#ca4585
```
#ca4585 rgb(202,69,133)
```
#cf5992
```
#cf5992 rgb(207,89,146)
```

Monochromatic Color

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

#ab318b
```
#ab318b rgb(171,49,139)
```
#ab3180
```
#ab3180 rgb(171,49,128)
```
#ab3176
```
#ab3176 rgb(171,49,118)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#ab3162
```
#ab3162 rgb(171,49,98)
```
#ab3158
```
#ab3158 rgb(171,49,88)
```
#ab314e
```
#ab314e rgb(171,49,78)
```

Similar Colors

Text with hexadecimal color #ab316c

This text has a font color of #ab316c.

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

#ab316c background color

This paragraph has a background color of #ab316c.

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

#ab316c border color

This element has a border color of #ab316c.

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

CSS codes

.text {color:#ab316c;}

.background {background-color:#ab316c;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#13050c
```
#13050c rgb(19,5,12)
```
#220a15
```
#220a15 rgb(34,10,21)
```
#310e1f
```
#310e1f rgb(49,14,31)
```
#401229
```
#401229 rgb(64,18,41)
```
#501732
```
#501732 rgb(80,23,50)
```
#5f1b3c
```
#5f1b3c rgb(95,27,60)
```
#6e2045
```
#6e2045 rgb(110,32,69)
```
#7d244f
```
#7d244f rgb(125,36,79)
```
#8d2859
```
#8d2859 rgb(141,40,89)
```
#9c2d62
```
#9c2d62 rgb(156,45,98)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#ba3576
```
#ba3576 rgb(186,53,118)
```

Shade Color Variation

#c73c7f
```
#c73c7f rgb(199,60,127)
```
#cc4b89
```
#cc4b89 rgb(204,75,137)
```
#d05b93
```
#d05b93 rgb(208,91,147)
```
#d46a9d
```
#d46a9d rgb(212,106,157)
```
#d979a7
```
#d979a7 rgb(217,121,167)
```
#dd88b1
```
#dd88b1 rgb(221,136,177)
```
#e198bb
```
#e198bb rgb(225,152,187)
```
#e6a7c5
```
#e6a7c5 rgb(230,167,197)
```
#eab6cf
```
#eab6cf rgb(234,182,207)
```
#eec5d9
```
#eec5d9 rgb(238,197,217)
```
#f3d5e3
```
#f3d5e3 rgb(243,213,227)
```
#f7e4ed
```
#f7e4ed rgb(247,228,237)
```
#fcf3f7
```
#fcf3f7 rgb(252,243,247)
```

Tint Color Variation

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

#706c6e
```
#706c6e rgb(112,108,110)
```
#78646e
```
#78646e rgb(120,100,110)
```
#815b6d
```
#815b6d rgb(129,91,109)
```
#89536d
```
#89536d rgb(137,83,109)
```
#924a6d
```
#924a6d rgb(146,74,109)
```
#9a426d
```
#9a426d rgb(154,66,109)
```
#a3396c
```
#a3396c rgb(163,57,108)
```
#ab316c
```
#ab316c rgb(171,49,108)
```
#b3296c
```
#b3296c rgb(179,41,108)
```
#bc206b
```
#bc206b rgb(188,32,107)
```
#c4186b
```
#c4186b rgb(196,24,107)
```
#cd0f6b
```
#cd0f6b rgb(205,15,107)
```
#d5076b
```
#d5076b rgb(213,7,107)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6c535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d678c Protanopia 1% of men
#72666a Deuteranopia 1% of men
#ac464a Tritanopia 0.001% of the population

Trichromacy

#795380 Protanomaly 1% of men, 0.01% of women
#86526b Deuteranomaly 6% of men, 0.4% of women
#ab3e56 Tritanomaly 0.01% of the population

#ab316c hex color

#ab316c Color Information

#ab316c Color Conversion

Color Schemes with #ab316c

Alternatives to #ab316c

#ab316c Preview

Shades and Tints of #ab316c

Tones of #ab316c

Color Blindness Simulator