#af86a2 hex color

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

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

● #af86a2 color description : Dark grayish pink.

The hexadecimal color #af86a2 has RGB values of R:175, G:134, B:162 and CMYK values of C:0, M:0.23, Y:0.07, K:0.31. Its decimal value is 11503266.

Hex triplet	af86a2	`#af86a2`
RGB Decimal	175, 134, 162	`rgb(175,134,162)`
RGB Percent	68.6, 52.5, 63.5	`rgb(68.6%,52.5%,63.5%)`
CMYK	0, 23, 7, 31
HSL	319°, 20.4, 60.6	`hsl(319,20.4%,60.6%)`
HSV (or HSB)	319°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	60.581, 20.351, -8.788
XYZ	32.725, 28.774, 38.01
xyY	0.329, 0.289, 28.774
CIE-LCH	60.581, 22.167, 336.645
CIE-LUV	60.581, 22.437, -16.211
Hunter-Lab	53.641, 15.027, -4.465
Binary	10101111, 10000110, 10100010

#af86a2
```
#af86a2 rgb(175,134,162)
```
#86af93
```
#86af93 rgb(134,175,147)
```

Complementary Color

#a886af
```
#a886af rgb(168,134,175)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#af868e
```
#af868e rgb(175,134,142)
```

Analogous Color

#86afa8
```
#86afa8 rgb(134,175,168)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#8eaf86
```
#8eaf86 rgb(142,175,134)
```

Split Complementary Color

#86a2af
```
#86a2af rgb(134,162,175)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```

Triadic Color

#9386af
```
#9386af rgb(147,134,175)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#86af93
```
#86af93 rgb(134,175,147)
```

Tetradic Color

#8c5d7d
```
#8c5d7d rgb(140,93,125)
```
#9b678a
```
#9b678a rgb(155,103,138)
```
#a57796
```
#a57796 rgb(165,119,150)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#b995ae
```
#b995ae rgb(185,149,174)
```
#c3a5ba
```
#c3a5ba rgb(195,165,186)
```
#cdb4c5
```
#cdb4c5 rgb(205,180,197)
```

Monochromatic Color

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

#af86ac
```
#af86ac rgb(175,134,172)
```
#af86a9
```
#af86a9 rgb(175,134,169)
```
#af86a5
```
#af86a5 rgb(175,134,165)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#af869f
```
#af869f rgb(175,134,159)
```
#af869b
```
#af869b rgb(175,134,155)
```
#af8698
```
#af8698 rgb(175,134,152)
```

Similar Colors

Text with hexadecimal color #af86a2

This text has a font color of #af86a2.

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

#af86a2 background color

This paragraph has a background color of #af86a2.

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

#af86a2 border color

This element has a border color of #af86a2.

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

CSS codes

.text {color:#af86a2;}

.background {background-color:#af86a2;}

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

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

#090608
```
#090608 rgb(9,6,8)
```
#150e12
```
#150e12 rgb(21,14,18)
```
#21151d
```
#21151d rgb(33,21,29)
```
#2c1d28
```
#2c1d28 rgb(44,29,40)
```
#382532
```
#382532 rgb(56,37,50)
```
#442d3d
```
#442d3d rgb(68,45,61)
```
#503547
```
#503547 rgb(80,53,71)
```
#5c3d52
```
#5c3d52 rgb(92,61,82)
```
#67445c
```
#67445c rgb(103,68,92)
```
#734c67
```
#734c67 rgb(115,76,103)
```
#7f5471
```
#7f5471 rgb(127,84,113)
```
#8b5c7c
```
#8b5c7c rgb(139,92,124)
```
#976486
```
#976486 rgb(151,100,134)
```

Shade Color Variation

#9f6e90
```
#9f6e90 rgb(159,110,144)
```
#a77a99
```
#a77a99 rgb(167,122,153)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#b792ab
```
#b792ab rgb(183,146,171)
```
#bf9eb4
```
#bf9eb4 rgb(191,158,180)
```
#c6a9bd
```
#c6a9bd rgb(198,169,189)
```
#ceb5c6
```
#ceb5c6 rgb(206,181,198)
```
#d6c1cf
```
#d6c1cf rgb(214,193,207)
```
#decdd8
```
#decdd8 rgb(222,205,216)
```
#e6d9e2
```
#e6d9e2 rgb(230,217,226)
```
#ede4eb
```
#ede4eb rgb(237,228,235)
```
#f5f0f4
```
#f5f0f4 rgb(245,240,244)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#a0959c
```
#a0959c rgb(160,149,156)
```
#a78e9f
```
#a78e9f rgb(167,142,159)
```
#af86a2
```
#af86a2 rgb(175,134,162)
```
#b77ea5
```
#b77ea5 rgb(183,126,165)
```
#be77a8
```
#be77a8 rgb(190,119,168)
```
#c66faa
```
#c66faa rgb(198,111,170)
```
#ce67ad
```
#ce67ad rgb(206,103,173)
```
#d65fb0
```
#d65fb0 rgb(214,95,176)
```
#dd58b3
```
#dd58b3 rgb(221,88,179)
```
#e550b6
```
#e550b6 rgb(229,80,182)
```
#ed48b9
```
#ed48b9 rgb(237,72,185)
```
#f540bb
```
#f540bb rgb(245,64,187)
```
#fc39be
```
#fc39be rgb(252,57,190)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a9298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9396ac Protanopia 1% of men
#9f93a4 Deuteranopia 1% of men
#b18e98 Tritanopia 0.001% of the population

Trichromacy

#9d90a8 Protanomaly 1% of men, 0.01% of women
#a58ea3 Deuteranomaly 6% of men, 0.4% of women
#b08b9c Tritanomaly 0.01% of the population

#af86a2 hex color

#af86a2 Color Information

#af86a2 Color Conversion

Color Schemes with #af86a2

Alternatives to #af86a2

#af86a2 Preview

Shades and Tints of #af86a2

Tones of #af86a2

Color Blindness Simulator