#ab86bb hex color

In a RGB color space, hex #ab86bb is composed of 67.1% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 281.9 degrees, a saturation of 28% and a lightness of 62.9%. #ab86bb color hex could be obtained by blending #ffffff with #570d77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 53
- B 73
RGB color chart
- C 9
- M 28
- Y 0
- K 27
CMYK color chart

● #ab86bb color description : Slightly desaturated violet.

The hexadecimal color #ab86bb has RGB values of R:171, G:134, B:187 and CMYK values of C:0.09, M:0.28, Y:0, K:0.27. Its decimal value is 11241147.

Hex triplet	ab86bb	`#ab86bb`
RGB Decimal	171, 134, 187	`rgb(171,134,187)`
RGB Percent	67.1, 52.5, 73.3	`rgb(67.1%,52.5%,73.3%)`
CMYK	9, 28, 0, 27
HSL	281.9°, 28, 62.9	`hsl(281.9,28%,62.9%)`
HSV (or HSB)	281.9°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.042, 23.856, -22.348
XYZ	34.288, 29.297, 50.86
xyY	0.3, 0.256, 29.297
CIE-LCH	61.042, 32.688, 316.87
CIE-LUV	61.042, 16.778, -37.576
Hunter-Lab	54.126, 18.356, -17.823
Binary	10101011, 10000110, 10111011

#ab86bb
```
#ab86bb rgb(171,134,187)
```
#96bb86
```
#96bb86 rgb(150,187,134)
```

Complementary Color

#9186bb
```
#9186bb rgb(145,134,187)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#bb86b1
```
#bb86b1 rgb(187,134,177)
```

Analogous Color

#86bb91
```
#86bb91 rgb(134,187,145)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#b1bb86
```
#b1bb86 rgb(177,187,134)
```

Split Complementary Color

#86bbab
```
#86bbab rgb(134,187,171)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#bbab86
```
#bbab86 rgb(187,171,134)
```

Triadic Color

#8696bb
```
#8696bb rgb(134,150,187)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#bbab86
```
#bbab86 rgb(187,171,134)
```
#96bb86
```
#96bb86 rgb(150,187,134)
```

Tetradic Color

#88589d
```
#88589d rgb(136,88,157)
```
#9465a9
```
#9465a9 rgb(148,101,169)
```
#a076b2
```
#a076b2 rgb(160,118,178)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#b696c4
```
#b696c4 rgb(182,150,196)
```
#c2a7cd
```
#c2a7cd rgb(194,167,205)
```
#cdb7d7
```
#cdb7d7 rgb(205,183,215)
```

Monochromatic Color

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

#9e86bb
```
#9e86bb rgb(158,134,187)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#a786bb
```
#a786bb rgb(167,134,187)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#b486bb
```
#b486bb rgb(180,134,187)
```
#b886bb
```
#b886bb rgb(184,134,187)
```

Similar Colors

Text with hexadecimal color #ab86bb

This text has a font color of #ab86bb.

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

#ab86bb background color

This paragraph has a background color of #ab86bb.

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

#ab86bb border color

This element has a border color of #ab86bb.

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

CSS codes

.text {color:#ab86bb;}

.background {background-color:#ab86bb;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0f0a11
```
#0f0a11 rgb(15,10,17)
```
#1a111e
```
#1a111e rgb(26,17,30)
```
#25182a
```
#25182a rgb(37,24,42)
```
#301f37
```
#301f37 rgb(48,31,55)
```
#3a2643
```
#3a2643 rgb(58,38,67)
```
#452d50
```
#452d50 rgb(69,45,80)
```
#50345c
```
#50345c rgb(80,52,92)
```
#5b3b69
```
#5b3b69 rgb(91,59,105)
```
#664276
```
#664276 rgb(102,66,118)
```
#714982
```
#714982 rgb(113,73,130)
```
#7c508f
```
#7c508f rgb(124,80,143)
```
#87579b
```
#87579b rgb(135,87,155)
```

Shade Color Variation

#9160a6
```
#9160a6 rgb(145,96,166)
```
#9a6dad
```
#9a6dad rgb(154,109,173)
```
#a279b4
```
#a279b4 rgb(162,121,180)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#b493c2
```
#b493c2 rgb(180,147,194)
```
#bc9fc9
```
#bc9fc9 rgb(188,159,201)
```
#c5acd0
```
#c5acd0 rgb(197,172,208)
```
#ceb8d7
```
#ceb8d7 rgb(206,184,215)
```
#d7c5de
```
#d7c5de rgb(215,197,222)
```
#dfd1e5
```
#dfd1e5 rgb(223,209,229)
```
#e8deec
```
#e8deec rgb(232,222,236)
```
#f1eaf3
```
#f1eaf3 rgb(241,234,243)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#a29ca5
```
#a29ca5 rgb(162,156,165)
```
#a595ac
```
#a595ac rgb(165,149,172)
```
#a88db4
```
#a88db4 rgb(168,141,180)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#ae7fc2
```
#ae7fc2 rgb(174,127,194)
```
#b177ca
```
#b177ca rgb(177,119,202)
```
#b470d1
```
#b470d1 rgb(180,112,209)
```
#b769d8
```
#b769d8 rgb(183,105,216)
```
#b962df
```
#b962df rgb(185,98,223)
```
#bc5ae7
```
#bc5ae7 rgb(188,90,231)
```
#bf53ee
```
#bf53ee rgb(191,83,238)
```
#c24cf5
```
#c24cf5 rgb(194,76,245)
```
#c545fc
```
#c545fc rgb(197,69,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9b949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b97c5 Protanopia 1% of men
#9496bb Deuteranopia 1% of men
#a9929d Tritanopia 0.001% of the population

Trichromacy

#9690c1 Protanomaly 1% of men, 0.01% of women
#9c90bb Deuteranomaly 6% of men, 0.4% of women
#aa8ea8 Tritanomaly 0.01% of the population

#ab86bb hex color

#ab86bb Color Information

#ab86bb Color Conversion

Color Schemes with #ab86bb

Alternatives to #ab86bb

#ab86bb Preview

Shades and Tints of #ab86bb

Tones of #ab86bb

Color Blindness Simulator