#af86ae hex color

In a RGB color space, hex #af86ae is composed of 68.6% red, 52.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 0.6% yellow and 31.4% black. It has a hue angle of 301.5 degrees, a saturation of 20.4% and a lightness of 60.6%. #af86ae color hex could be obtained by blending #ffffff with #5f0d5d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 53
- B 68
RGB color chart
- C 0
- M 23
- Y 1
- K 31
CMYK color chart

● #af86ae color description : Dark grayish magenta.

The hexadecimal color #af86ae has RGB values of R:175, G:134, B:174 and CMYK values of C:0, M:0.23, Y:0.01, K:0.31. Its decimal value is 11503278.

Hex triplet	af86ae	`#af86ae`
RGB Decimal	175, 134, 174	`rgb(175,134,174)`
RGB Percent	68.6, 52.5, 68.2	`rgb(68.6%,52.5%,68.2%)`
CMYK	0, 23, 1, 31
HSL	301.5°, 20.4, 60.6	`hsl(301.5,20.4%,60.6%)`
HSV (or HSB)	301.5°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	60.976, 22.596, -15.033
XYZ	33.843, 29.221, 43.9
xyY	0.316, 0.273, 29.221
CIE-LCH	60.976, 27.14, 326.364
CIE-LUV	60.976, 20.881, -26.017
Hunter-Lab	54.056, 17.155, -10.31
Binary	10101111, 10000110, 10101110

#af86ae
```
#af86ae rgb(175,134,174)
```
#86af87
```
#86af87 rgb(134,175,135)
```

Complementary Color

#9c86af
```
#9c86af rgb(156,134,175)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#af869a
```
#af869a rgb(175,134,154)
```

Analogous Color

#86af9c
```
#86af9c rgb(134,175,156)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#9aaf86
```
#9aaf86 rgb(154,175,134)
```

Split Complementary Color

#86aeaf
```
#86aeaf rgb(134,174,175)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#aeaf86
```
#aeaf86 rgb(174,175,134)
```

Triadic Color

#8786af
```
#8786af rgb(135,134,175)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#aeaf86
```
#aeaf86 rgb(174,175,134)
```
#86af87
```
#86af87 rgb(134,175,135)
```

Tetradic Color

#8c5d8b
```
#8c5d8b rgb(140,93,139)
```
#9b6799
```
#9b6799 rgb(155,103,153)
```
#a577a4
```
#a577a4 rgb(165,119,164)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#b995b8
```
#b995b8 rgb(185,149,184)
```
#c3a5c3
```
#c3a5c3 rgb(195,165,195)
```
#cdb4cd
```
#cdb4cd rgb(205,180,205)
```

Monochromatic Color

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

#a686af
```
#a686af rgb(166,134,175)
```
#a986af
```
#a986af rgb(169,134,175)
```
#ad86af
```
#ad86af rgb(173,134,175)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#af86ab
```
#af86ab rgb(175,134,171)
```
#af86a7
```
#af86a7 rgb(175,134,167)
```
#af86a4
```
#af86a4 rgb(175,134,164)
```

Similar Colors

Text with hexadecimal color #af86ae

This text has a font color of #af86ae.

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

#af86ae background color

This paragraph has a background color of #af86ae.

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

#af86ae border color

This element has a border color of #af86ae.

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

CSS codes

.text {color:#af86ae;}

.background {background-color:#af86ae;}

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

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

#090609
```
#090609 rgb(9,6,9)
```
#150e15
```
#150e15 rgb(21,14,21)
```
#211520
```
#211520 rgb(33,21,32)
```
#2c1d2c
```
#2c1d2c rgb(44,29,44)
```
#382538
```
#382538 rgb(56,37,56)
```
#442d43
```
#442d43 rgb(68,45,67)
```
#50354f
```
#50354f rgb(80,53,79)
```
#5c3d5b
```
#5c3d5b rgb(92,61,91)
```
#674467
```
#674467 rgb(103,68,103)
```
#734c72
```
#734c72 rgb(115,76,114)
```
#7f547e
```
#7f547e rgb(127,84,126)
```
#8b5c8a
```
#8b5c8a rgb(139,92,138)
```
#976495
```
#976495 rgb(151,100,149)
```

Shade Color Variation

#9f6e9e
```
#9f6e9e rgb(159,110,158)
```
#a77aa6
```
#a77aa6 rgb(167,122,166)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#b792b6
```
#b792b6 rgb(183,146,182)
```
#bf9ebe
```
#bf9ebe rgb(191,158,190)
```
#c6a9c6
```
#c6a9c6 rgb(198,169,198)
```
#ceb5ce
```
#ceb5ce rgb(206,181,206)
```
#d6c1d6
```
#d6c1d6 rgb(214,193,214)
```
#decddd
```
#decddd rgb(222,205,221)
```
#e6d9e5
```
#e6d9e5 rgb(230,217,229)
```
#ede4ed
```
#ede4ed rgb(237,228,237)
```
#f5f0f5
```
#f5f0f5 rgb(245,240,245)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#a0959f
```
#a0959f rgb(160,149,159)
```
#a78ea7
```
#a78ea7 rgb(167,142,167)
```
#af86ae
```
#af86ae rgb(175,134,174)
```
#b77eb5
```
#b77eb5 rgb(183,126,181)
```
#be77bd
```
#be77bd rgb(190,119,189)
```
#c66fc4
```
#c66fc4 rgb(198,111,196)
```
#ce67cb
```
#ce67cb rgb(206,103,203)
```
#d65fd3
```
#d65fd3 rgb(214,95,211)
```
#dd58da
```
#dd58da rgb(221,88,218)
```
#e550e1
```
#e550e1 rgb(229,80,225)
```
#ed48e9
```
#ed48e9 rgb(237,72,233)
```
#f540f0
```
#f540f0 rgb(245,64,240)
```
#fc39f8
```
#fc39f8 rgb(252,57,248)
```

Tone Color Variation

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

Dichromacy

#9097b8 Protanopia 1% of men
#9b95af Deuteranopia 1% of men
#af909a Tritanopia 0.001% of the population

Trichromacy

#9b91b4 Protanomaly 1% of men, 0.01% of women
#a28fae Deuteranomaly 6% of men, 0.4% of women
#af8ca1 Tritanomaly 0.01% of the population

#af86ae hex color

#af86ae Color Information

#af86ae Color Conversion

Color Schemes with #af86ae

Alternatives to #af86ae

#af86ae Preview

Shades and Tints of #af86ae

Tones of #af86ae

Color Blindness Simulator