#ad86bb hex color

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

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

● #ad86bb color description : Slightly desaturated violet.

The hexadecimal color #ad86bb has RGB values of R:173, G:134, B:187 and CMYK values of C:0.07, M:0.28, Y:0, K:0.27. Its decimal value is 11372219.

Hex triplet	ad86bb	`#ad86bb`
RGB Decimal	173, 134, 187	`rgb(173,134,187)`
RGB Percent	67.8, 52.5, 73.3	`rgb(67.8%,52.5%,73.3%)`
CMYK	7, 28, 0, 27
HSL	284.2°, 28, 62.9	`hsl(284.2,28%,62.9%)`
HSV (or HSB)	284.2°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.24, 24.516, -22.027
XYZ	34.727, 29.523, 50.88
xyY	0.302, 0.256, 29.523
CIE-LCH	61.24, 32.958, 318.06
CIE-LUV	61.24, 17.973, -37.196
Hunter-Lab	54.335, 18.998, -17.486
Binary	10101101, 10000110, 10111011

#ad86bb
```
#ad86bb rgb(173,134,187)
```
#94bb86
```
#94bb86 rgb(148,187,134)
```

Complementary Color

#9386bb
```
#9386bb rgb(147,134,187)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#bb86af
```
#bb86af rgb(187,134,175)
```

Analogous Color

#86bb93
```
#86bb93 rgb(134,187,147)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#afbb86
```
#afbb86 rgb(175,187,134)
```

Split Complementary Color

#86bbad
```
#86bbad rgb(134,187,173)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#bbad86
```
#bbad86 rgb(187,173,134)
```

Triadic Color

#8694bb
```
#8694bb rgb(134,148,187)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#bbad86
```
#bbad86 rgb(187,173,134)
```
#94bb86
```
#94bb86 rgb(148,187,134)
```

Tetradic Color

#8a589d
```
#8a589d rgb(138,88,157)
```
#9765a9
```
#9765a9 rgb(151,101,169)
```
#a276b2
```
#a276b2 rgb(162,118,178)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b896c4
```
#b896c4 rgb(184,150,196)
```
#c3a7cd
```
#c3a7cd rgb(195,167,205)
```
#ceb7d7
```
#ceb7d7 rgb(206,183,215)
```

Monochromatic Color

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

#a086bb
```
#a086bb rgb(160,134,187)
```
#a486bb
```
#a486bb rgb(164,134,187)
```
#a986bb
```
#a986bb rgb(169,134,187)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b186bb
```
#b186bb rgb(177,134,187)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#ba86bb
```
#ba86bb rgb(186,134,187)
```

Similar Colors

Text with hexadecimal color #ad86bb

This text has a font color of #ad86bb.

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

#ad86bb background color

This paragraph has a background color of #ad86bb.

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

#ad86bb border color

This element has a border color of #ad86bb.

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

CSS codes

.text {color:#ad86bb;}

.background {background-color:#ad86bb;}

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

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 #faf7fb 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)
```
#3c2643
```
#3c2643 rgb(60,38,67)
```
#472d50
```
#472d50 rgb(71,45,80)
```
#52345c
```
#52345c rgb(82,52,92)
```
#5d3b69
```
#5d3b69 rgb(93,59,105)
```
#684276
```
#684276 rgb(104,66,118)
```
#734982
```
#734982 rgb(115,73,130)
```
#7e508f
```
#7e508f rgb(126,80,143)
```
#89579b
```
#89579b rgb(137,87,155)
```

Shade Color Variation

#9360a6
```
#9360a6 rgb(147,96,166)
```
#9c6dad
```
#9c6dad rgb(156,109,173)
```
#a479b4
```
#a479b4 rgb(164,121,180)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b693c2
```
#b693c2 rgb(182,147,194)
```
#be9fc9
```
#be9fc9 rgb(190,159,201)
```
#c7acd0
```
#c7acd0 rgb(199,172,208)
```
#cfb8d7
```
#cfb8d7 rgb(207,184,215)
```
#d8c5de
```
#d8c5de rgb(216,197,222)
```
#e0d1e5
```
#e0d1e5 rgb(224,209,229)
```
#e9deec
```
#e9deec rgb(233,222,236)
```
#f1eaf3
```
#f1eaf3 rgb(241,234,243)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#a39ca5
```
#a39ca5 rgb(163,156,165)
```
#a695ac
```
#a695ac rgb(166,149,172)
```
#aa8db4
```
#aa8db4 rgb(170,141,180)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b07fc2
```
#b07fc2 rgb(176,127,194)
```
#b477ca
```
#b477ca rgb(180,119,202)
```
#b770d1
```
#b770d1 rgb(183,112,209)
```
#bb69d8
```
#bb69d8 rgb(187,105,216)
```
#be62df
```
#be62df rgb(190,98,223)
```
#c25ae7
```
#c25ae7 rgb(194,90,231)
```
#c553ee
```
#c553ee rgb(197,83,238)
```
#c84cf5
```
#c84cf5 rgb(200,76,245)
```
#cc45fc
```
#cc45fc rgb(204,69,252)
```

Tone Color Variation

Below, you can see how #ad86bb 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
#9c949f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b97c5 Protanopia 1% of men
#9596bb Deuteranopia 1% of men
#ab929d Tritanopia 0.001% of the population

Trichromacy

#9791c1 Protanomaly 1% of men, 0.01% of women
#9d90bb Deuteranomaly 6% of men, 0.4% of women
#ac8ea8 Tritanomaly 0.01% of the population

#ad86bb hex color

#ad86bb Color Information

#ad86bb Color Conversion

Color Schemes with #ad86bb

Alternatives to #ad86bb

#ad86bb Preview

Shades and Tints of #ad86bb

Tones of #ad86bb

Color Blindness Simulator