#af86b6 hex color

In a RGB color space, hex #af86b6 is composed of 68.6% red, 52.5% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 26.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 291.3 degrees, a saturation of 24.7% and a lightness of 62%. #af86b6 color hex could be obtained by blending #ffffff with #5f0d6d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 71
RGB color chart
- C 4
- M 26
- Y 0
- K 29
CMYK color chart

● #af86b6 color description : Slightly desaturated magenta.

The hexadecimal color #af86b6 has RGB values of R:175, G:134, B:182 and CMYK values of C:0.04, M:0.26, Y:0, K:0.29. Its decimal value is 11503286.

Hex triplet	af86b6	`#af86b6`
RGB Decimal	175, 134, 182	`rgb(175,134,182)`
RGB Percent	68.6, 52.5, 71.4	`rgb(68.6%,52.5%,71.4%)`
CMYK	4, 26, 0, 29
HSL	291.3°, 24.7, 62	`hsl(291.3,24.7%,62%)`
HSV (or HSB)	291.3°, 26.4, 71.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.257, 24.167, -19.151
XYZ	34.647, 29.542, 48.131
xyY	0.308, 0.263, 29.542
CIE-LCH	61.257, 30.835, 321.605
CIE-LUV	61.257, 19.834, -32.645
Hunter-Lab	54.353, 18.666, -14.456
Binary	10101111, 10000110, 10110110

#af86b6
```
#af86b6 rgb(175,134,182)
```
#8db686
```
#8db686 rgb(141,182,134)
```

Complementary Color

#9786b6
```
#9786b6 rgb(151,134,182)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b686a5
```
#b686a5 rgb(182,134,165)
```

Analogous Color

#86b697
```
#86b697 rgb(134,182,151)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#a5b686
```
#a5b686 rgb(165,182,134)
```

Split Complementary Color

#86b6af
```
#86b6af rgb(134,182,175)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b6af86
```
#b6af86 rgb(182,175,134)
```

Triadic Color

#868db6
```
#868db6 rgb(134,141,182)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b6af86
```
#b6af86 rgb(182,175,134)
```
#8db686
```
#8db686 rgb(141,182,134)
```

Tetradic Color

#8d5a95
```
#8d5a95 rgb(141,90,149)
```
#9a66a3
```
#9a66a3 rgb(154,102,163)
```
#a476ac
```
#a476ac rgb(164,118,172)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#ba96c0
```
#ba96c0 rgb(186,150,192)
```
#c4a6c9
```
#c4a6c9 rgb(196,166,201)
```
#cfb6d3
```
#cfb6d3 rgb(207,182,211)
```

Monochromatic Color

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

#a386b6
```
#a386b6 rgb(163,134,182)
```
#a786b6
```
#a786b6 rgb(167,134,182)
```
#ab86b6
```
#ab86b6 rgb(171,134,182)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b386b6
```
#b386b6 rgb(179,134,182)
```
#b686b5
```
#b686b5 rgb(182,134,181)
```
#b686b1
```
#b686b1 rgb(182,134,177)
```

Similar Colors

Text with hexadecimal color #af86b6

This text has a font color of #af86b6.

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

#af86b6 background color

This paragraph has a background color of #af86b6.

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

#af86b6 border color

This element has a border color of #af86b6.

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

CSS codes

.text {color:#af86b6;}

.background {background-color:#af86b6;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#18101a
```
#18101a rgb(24,16,26)
```
#241726
```
#241726 rgb(36,23,38)
```
#2f1e32
```
#2f1e32 rgb(47,30,50)
```
#3b263f
```
#3b263f rgb(59,38,63)
```
#462d4b
```
#462d4b rgb(70,45,75)
```
#523457
```
#523457 rgb(82,52,87)
```
#5d3c63
```
#5d3c63 rgb(93,60,99)
```
#69436f
```
#69436f rgb(105,67,111)
```
#754b7c
```
#754b7c rgb(117,75,124)
```
#805288
```
#805288 rgb(128,82,136)
```
#8c5994
```
#8c5994 rgb(140,89,148)
```

Shade Color Variation

#9761a0
```
#9761a0 rgb(151,97,160)
```
#9f6ea7
```
#9f6ea7 rgb(159,110,167)
```
#a77aaf
```
#a77aaf rgb(167,122,175)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b792bd
```
#b792bd rgb(183,146,189)
```
#bf9ec5
```
#bf9ec5 rgb(191,158,197)
```
#c7abcc
```
#c7abcc rgb(199,171,204)
```
#cfb7d4
```
#cfb7d4 rgb(207,183,212)
```
#d7c3db
```
#d7c3db rgb(215,195,219)
```
#e0cfe2
```
#e0cfe2 rgb(224,207,226)
```
#e8dcea
```
#e8dcea rgb(232,220,234)
```
#f0e8f1
```
#f0e8f1 rgb(240,232,241)
```
#f8f4f8
```
#f8f4f8 rgb(248,244,248)
```

Tint Color Variation

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

#9f9ca0
```
#9f9ca0 rgb(159,156,160)
```
#a495a7
```
#a495a7 rgb(164,149,167)
```
#aa8daf
```
#aa8daf rgb(170,141,175)
```
#af86b6
```
#af86b6 rgb(175,134,182)
```
#b47fbd
```
#b47fbd rgb(180,127,189)
```
#ba77c5
```
#ba77c5 rgb(186,119,197)
```
#bf70cc
```
#bf70cc rgb(191,112,204)
```
#c468d4
```
#c468d4 rgb(196,104,212)
```
#c961db
```
#c961db rgb(201,97,219)
```
#cf59e3
```
#cf59e3 rgb(207,89,227)
```
#d452ea
```
#d452ea rgb(212,82,234)
```
#d94af2
```
#d94af2 rgb(217,74,242)
```
#df43f9
```
#df43f9 rgb(223,67,249)
```

Tone Color Variation

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

Dichromacy

#8e97c1 Protanopia 1% of men
#9896b6 Deuteranopia 1% of men
#ae929c Tritanopia 0.001% of the population

Trichromacy

#9a91bd Protanomaly 1% of men, 0.01% of women
#a090b6 Deuteranomaly 6% of men, 0.4% of women
#ae8da5 Tritanomaly 0.01% of the population

#af86b6 hex color

#af86b6 Color Information

#af86b6 Color Conversion

Color Schemes with #af86b6

Alternatives to #af86b6

#af86b6 Preview

Shades and Tints of #af86b6

Tones of #af86b6

Color Blindness Simulator