#ab86bf hex color

In a RGB color space, hex #ab86bf is composed of 67.1% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 278.9 degrees, a saturation of 30.8% and a lightness of 63.7%. #ab86bf color hex could be obtained by blending #ffffff with #570d7f. Closest websafe color is: #9999cc.

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

● #ab86bf color description : Slightly desaturated violet.

The hexadecimal color #ab86bf has RGB values of R:171, G:134, B:191 and CMYK values of C:0.1, M:0.3, Y:0, K:0.25. Its decimal value is 11241151.

Hex triplet	ab86bf	`#ab86bf`
RGB Decimal	171, 134, 191	`rgb(171,134,191)`
RGB Percent	67.1, 52.5, 74.9	`rgb(67.1%,52.5%,74.9%)`
CMYK	10, 30, 0, 25
HSL	278.9°, 30.8, 63.7	`hsl(278.9,30.8%,63.7%)`
HSV (or HSB)	278.9°, 29.8, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.194, 24.697, -24.378
XYZ	34.722, 29.47, 53.147
xyY	0.296, 0.251, 29.47
CIE-LCH	61.194, 34.702, 315.373
CIE-LUV	61.194, 16.281, -40.927
Hunter-Lab	54.286, 19.169, -20.044
Binary	10101011, 10000110, 10111111

#ab86bf
```
#ab86bf rgb(171,134,191)
```
#9abf86
```
#9abf86 rgb(154,191,134)
```

Complementary Color

#8f86bf
```
#8f86bf rgb(143,134,191)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#bf86b7
```
#bf86b7 rgb(191,134,183)
```

Analogous Color

#86bf8f
```
#86bf8f rgb(134,191,143)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#b7bf86
```
#b7bf86 rgb(183,191,134)
```

Split Complementary Color

#86bfab
```
#86bfab rgb(134,191,171)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#bfab86
```
#bfab86 rgb(191,171,134)
```

Triadic Color

#869abf
```
#869abf rgb(134,154,191)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#bfab86
```
#bfab86 rgb(191,171,134)
```
#9abf86
```
#9abf86 rgb(154,191,134)
```

Tetradic Color

#8856a3
```
#8856a3 rgb(136,86,163)
```
#9465ad
```
#9465ad rgb(148,101,173)
```
#9f75b6
```
#9f75b6 rgb(159,117,182)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#b797c8
```
#b797c8 rgb(183,151,200)
```
#c2a7d1
```
#c2a7d1 rgb(194,167,209)
```
#ceb8d9
```
#ceb8d9 rgb(206,184,217)
```

Monochromatic Color

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

#9d86bf
```
#9d86bf rgb(157,134,191)
```
#a286bf
```
#a286bf rgb(162,134,191)
```
#a686bf
```
#a686bf rgb(166,134,191)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#b086bf
```
#b086bf rgb(176,134,191)
```
#b586bf
```
#b586bf rgb(181,134,191)
```
#b986bf
```
#b986bf rgb(185,134,191)
```

Similar Colors

Text with hexadecimal color #ab86bf

This text has a font color of #ab86bf.

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

#ab86bf background color

This paragraph has a background color of #ab86bf.

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

#ab86bf border color

This element has a border color of #ab86bf.

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

CSS codes

.text {color:#ab86bf;}

.background {background-color:#ab86bf;}

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

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

#060407
```
#060407 rgb(6,4,7)
```
#110b14
```
#110b14 rgb(17,11,20)
```
#1c1121
```
#1c1121 rgb(28,17,33)
```
#26182e
```
#26182e rgb(38,24,46)
```
#311f3b
```
#311f3b rgb(49,31,59)
```
#3c2647
```
#3c2647 rgb(60,38,71)
```
#462d54
```
#462d54 rgb(70,45,84)
```
#513361
```
#513361 rgb(81,51,97)
```
#5c3a6e
```
#5c3a6e rgb(92,58,110)
```
#66417b
```
#66417b rgb(102,65,123)
```
#714888
```
#714888 rgb(113,72,136)
```
#7c4f94
```
#7c4f94 rgb(124,79,148)
```
#8755a1
```
#8755a1 rgb(135,85,161)
```

Shade Color Variation

#9060ab
```
#9060ab rgb(144,96,171)
```
#996cb1
```
#996cb1 rgb(153,108,177)
```
#a279b8
```
#a279b8 rgb(162,121,184)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#b493c6
```
#b493c6 rgb(180,147,198)
```
#bda0cd
```
#bda0cd rgb(189,160,205)
```
#c6acd3
```
#c6acd3 rgb(198,172,211)
```
#cfb9da
```
#cfb9da rgb(207,185,218)
```
#d8c6e1
```
#d8c6e1 rgb(216,198,225)
```
#e0d3e8
```
#e0d3e8 rgb(224,211,232)
```
#e9e0ef
```
#e9e0ef rgb(233,224,239)
```
#f2edf5
```
#f2edf5 rgb(242,237,245)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#a3a2a3
```
#a3a2a3 rgb(163,162,163)
```
#a59baa
```
#a59baa rgb(165,155,170)
```
#a794b1
```
#a794b1 rgb(167,148,177)
```
#a98db8
```
#a98db8 rgb(169,141,184)
```
#ab86bf
```
#ab86bf rgb(171,134,191)
```
#ad7fc6
```
#ad7fc6 rgb(173,127,198)
```
#af78cd
```
#af78cd rgb(175,120,205)
```
#b171d4
```
#b171d4 rgb(177,113,212)
```
#b36adb
```
#b36adb rgb(179,106,219)
```
#b662e3
```
#b662e3 rgb(182,98,227)
```
#b85bea
```
#b85bea rgb(184,91,234)
```
#ba54f1
```
#ba54f1 rgb(186,84,241)
```
#bc4df8
```
#bc4df8 rgb(188,77,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9c94a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8997c9 Protanopia 1% of men
#9296be Deuteranopia 1% of men
#a8939e Tritanopia 0.001% of the population

Trichromacy

#9591c5 Protanomaly 1% of men, 0.01% of women
#9b90be Deuteranomaly 6% of men, 0.4% of women
#a98eaa Tritanomaly 0.01% of the population

#ab86bf hex color

#ab86bf Color Information

#ab86bf Color Conversion

Color Schemes with #ab86bf

Alternatives to #ab86bf

#ab86bf Preview

Shades and Tints of #ab86bf

Tones of #ab86bf

Color Blindness Simulator