#ab86b3 hex color

In a RGB color space, hex #ab86b3 is composed of 67.1% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 4.5% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 289.3 degrees, a saturation of 22.8% and a lightness of 61.4%. #ab86b3 color hex could be obtained by blending #ffffff with #570d67. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 53
- B 70
RGB color chart
- C 4
- M 25
- Y 0
- K 30
CMYK color chart

● #ab86b3 color description : Slightly desaturated magenta.

The hexadecimal color #ab86b3 has RGB values of R:171, G:134, B:179 and CMYK values of C:0.04, M:0.25, Y:0, K:0.3. Its decimal value is 11241139.

Hex triplet	ab86b3	`#ab86b3`
RGB Decimal	171, 134, 179	`rgb(171,134,179)`
RGB Percent	67.1, 52.5, 70.2	`rgb(67.1%,52.5%,70.2%)`
CMYK	4, 25, 0, 30
HSL	289.3°, 22.8, 61.4	`hsl(289.3,22.8%,61.4%)`
HSV (or HSB)	289.3°, 25.1, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.749, 22.214, -18.257
XYZ	33.455, 28.963, 46.473
xyY	0.307, 0.266, 28.963
CIE-LCH	60.749, 28.754, 320.584
CIE-LUV	60.749, 17.772, -30.9
Hunter-Lab	53.818, 16.782, -13.527
Binary	10101011, 10000110, 10110011

#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#8eb386
```
#8eb386 rgb(142,179,134)
```

Complementary Color

#9586b3
```
#9586b3 rgb(149,134,179)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b386a5
```
#b386a5 rgb(179,134,165)
```

Analogous Color

#86b395
```
#86b395 rgb(134,179,149)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#a5b386
```
#a5b386 rgb(165,179,134)
```

Split Complementary Color

#86b3ab
```
#86b3ab rgb(134,179,171)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b3ab86
```
#b3ab86 rgb(179,171,134)
```

Triadic Color

#868eb3
```
#868eb3 rgb(134,142,179)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b3ab86
```
#b3ab86 rgb(179,171,134)
```
#8eb386
```
#8eb386 rgb(142,179,134)
```

Tetradic Color

#885b91
```
#885b91 rgb(136,91,145)
```
#95679f
```
#95679f rgb(149,103,159)
```
#a076a9
```
#a076a9 rgb(160,118,169)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b696bd
```
#b696bd rgb(182,150,189)
```
#c1a5c7
```
#c1a5c7 rgb(193,165,199)
```
#ccb5d1
```
#ccb5d1 rgb(204,181,209)
```

Monochromatic Color

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

#a086b3
```
#a086b3 rgb(160,134,179)
```
#a486b3
```
#a486b3 rgb(164,134,179)
```
#a786b3
```
#a786b3 rgb(167,134,179)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#af86b3
```
#af86b3 rgb(175,134,179)
```
#b386b3
```
#b386b3 rgb(179,134,179)
```
#b386b0
```
#b386b0 rgb(179,134,176)
```

Similar Colors

Text with hexadecimal color #ab86b3

This text has a font color of #ab86b3.

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

#ab86b3 background color

This paragraph has a background color of #ab86b3.

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

#ab86b3 border color

This element has a border color of #ab86b3.

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

CSS codes

.text {color:#ab86b3;}

.background {background-color:#ab86b3;}

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

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

#0b070c
```
#0b070c rgb(11,7,12)
```
#160f18
```
#160f18 rgb(22,15,24)
```
#211624
```
#211624 rgb(33,22,36)
```
#2d1e30
```
#2d1e30 rgb(45,30,48)
```
#38263c
```
#38263c rgb(56,38,60)
```
#432d48
```
#432d48 rgb(67,45,72)
```
#4e3554
```
#4e3554 rgb(78,53,84)
```
#5a3c60
```
#5a3c60 rgb(90,60,96)
```
#65446c
```
#65446c rgb(101,68,108)
```
#704b78
```
#704b78 rgb(112,75,120)
```
#7b5384
```
#7b5384 rgb(123,83,132)
```
#875a90
```
#875a90 rgb(135,90,144)
```
#92629c
```
#92629c rgb(146,98,156)
```

Shade Color Variation

#9a6ea4
```
#9a6ea4 rgb(154,110,164)
```
#a37aab
```
#a37aab rgb(163,122,171)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b392bb
```
#b392bb rgb(179,146,187)
```
#bc9ec2
```
#bc9ec2 rgb(188,158,194)
```
#c4aaca
```
#c4aaca rgb(196,170,202)
```
#ccb6d1
```
#ccb6d1 rgb(204,182,209)
```
#d5c2d9
```
#d5c2d9 rgb(213,194,217)
```
#ddcee0
```
#ddcee0 rgb(221,206,224)
```
#e6dae8
```
#e6dae8 rgb(230,218,232)
```
#eee6f0
```
#eee6f0 rgb(238,230,240)
```
#f6f2f7
```
#f6f2f7 rgb(246,242,247)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#a195a4
```
#a195a4 rgb(161,149,164)
```
#a68eab
```
#a68eab rgb(166,142,171)
```
#ab86b3
```
#ab86b3 rgb(171,134,179)
```
#b07ebb
```
#b07ebb rgb(176,126,187)
```
#b577c2
```
#b577c2 rgb(181,119,194)
```
#ba6fca
```
#ba6fca rgb(186,111,202)
```
#bf68d1
```
#bf68d1 rgb(191,104,209)
```
#c360d9
```
#c360d9 rgb(195,96,217)
```
#c859e0
```
#c859e0 rgb(200,89,224)
```
#cd51e8
```
#cd51e8 rgb(205,81,232)
```
#d249f0
```
#d249f0 rgb(210,73,240)
```
#d742f7
```
#d742f7 rgb(215,66,247)
```
#dc3aff
```
#dc3aff rgb(220,58,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9a939c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d96bd Protanopia 1% of men
#9795b4 Deuteranopia 1% of men
#aa919b Tritanopia 0.001% of the population

Trichromacy

#9890b9 Protanomaly 1% of men, 0.01% of women
#9e8fb3 Deuteranomaly 6% of men, 0.4% of women
#aa8da4 Tritanomaly 0.01% of the population

#ab86b3 hex color

#ab86b3 Color Information

#ab86b3 Color Conversion

Color Schemes with #ab86b3

Alternatives to #ab86b3

#ab86b3 Preview

Shades and Tints of #ab86b3

Tones of #ab86b3

Color Blindness Simulator