#af86bb hex color

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

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

● #af86bb color description : Slightly desaturated magenta.

The hexadecimal color #af86bb has RGB values of R:175, G:134, B:187 and CMYK values of C:0.06, M:0.28, Y:0, K:0.27. Its decimal value is 11503291.

Hex triplet	af86bb	`#af86bb`
RGB Decimal	175, 134, 187	`rgb(175,134,187)`
RGB Percent	68.6, 52.5, 73.3	`rgb(68.6%,52.5%,73.3%)`
CMYK	6, 28, 0, 27
HSL	286.4°, 28, 62.9	`hsl(286.4,28%,62.9%)`
HSV (or HSB)	286.4°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.44, 25.177, -21.704
XYZ	35.173, 29.753, 50.901
xyY	0.304, 0.257, 29.753
CIE-LCH	61.44, 33.24, 319.236
CIE-LUV	61.44, 19.179, -36.813
Hunter-Lab	54.546, 19.646, -17.146
Binary	10101111, 10000110, 10111011

#af86bb
```
#af86bb rgb(175,134,187)
```
#92bb86
```
#92bb86 rgb(146,187,134)
```

Complementary Color

#9586bb
```
#9586bb rgb(149,134,187)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#bb86ad
```
#bb86ad rgb(187,134,173)
```

Analogous Color

#86bb95
```
#86bb95 rgb(134,187,149)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#adbb86
```
#adbb86 rgb(173,187,134)
```

Split Complementary Color

#86bbaf
```
#86bbaf rgb(134,187,175)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#bbaf86
```
#bbaf86 rgb(187,175,134)
```

Triadic Color

#8692bb
```
#8692bb rgb(134,146,187)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#bbaf86
```
#bbaf86 rgb(187,175,134)
```
#92bb86
```
#92bb86 rgb(146,187,134)
```

Tetradic Color

#8d589d
```
#8d589d rgb(141,88,157)
```
#9965a9
```
#9965a9 rgb(153,101,169)
```
#a476b2
```
#a476b2 rgb(164,118,178)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#ba96c4
```
#ba96c4 rgb(186,150,196)
```
#c5a7cd
```
#c5a7cd rgb(197,167,205)
```
#cfb7d7
```
#cfb7d7 rgb(207,183,215)
```

Monochromatic Color

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

#a286bb
```
#a286bb rgb(162,134,187)
```
#a686bb
```
#a686bb rgb(166,134,187)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#b386bb
```
#b386bb rgb(179,134,187)
```
#b886bb
```
#b886bb rgb(184,134,187)
```
#bb86ba
```
#bb86ba rgb(187,134,186)
```

Similar Colors

Text with hexadecimal color #af86bb

This text has a font color of #af86bb.

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

#af86bb background color

This paragraph has a background color of #af86bb.

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

#af86bb border color

This element has a border color of #af86bb.

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

CSS codes

.text {color:#af86bb;}

.background {background-color:#af86bb;}

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

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)
```
#1b111e
```
#1b111e rgb(27,17,30)
```
#26182a
```
#26182a rgb(38,24,42)
```
#311f37
```
#311f37 rgb(49,31,55)
```
#3d2643
```
#3d2643 rgb(61,38,67)
```
#482d50
```
#482d50 rgb(72,45,80)
```
#53345c
```
#53345c rgb(83,52,92)
```
#5f3b69
```
#5f3b69 rgb(95,59,105)
```
#6a4276
```
#6a4276 rgb(106,66,118)
```
#754982
```
#754982 rgb(117,73,130)
```
#81508f
```
#81508f rgb(129,80,143)
```
#8c579b
```
#8c579b rgb(140,87,155)
```

Shade Color Variation

#9660a6
```
#9660a6 rgb(150,96,166)
```
#9e6dad
```
#9e6dad rgb(158,109,173)
```
#a779b4
```
#a779b4 rgb(167,121,180)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#b793c2
```
#b793c2 rgb(183,147,194)
```
#c09fc9
```
#c09fc9 rgb(192,159,201)
```
#c8acd0
```
#c8acd0 rgb(200,172,208)
```
#d0b8d7
```
#d0b8d7 rgb(208,184,215)
```
#d9c5de
```
#d9c5de rgb(217,197,222)
```
#e1d1e5
```
#e1d1e5 rgb(225,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 #d345fc is the most saturated one.

#a39ca5
```
#a39ca5 rgb(163,156,165)
```
#a795ac
```
#a795ac rgb(167,149,172)
```
#ab8db4
```
#ab8db4 rgb(171,141,180)
```
#af86bb
```
#af86bb rgb(175,134,187)
```
#b37fc2
```
#b37fc2 rgb(179,127,194)
```
#b777ca
```
#b777ca rgb(183,119,202)
```
#bb70d1
```
#bb70d1 rgb(187,112,209)
```
#bf69d8
```
#bf69d8 rgb(191,105,216)
```
#c362df
```
#c362df rgb(195,98,223)
```
#c75ae7
```
#c75ae7 rgb(199,90,231)
```
#cb53ee
```
#cb53ee rgb(203,83,238)
```
#cf4cf5
```
#cf4cf5 rgb(207,76,245)
```
#d345fc
```
#d345fc rgb(211,69,252)
```

Tone Color Variation

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

Dichromacy

#8c98c6 Protanopia 1% of men
#9697bb Deuteranopia 1% of men
#ad929d Tritanopia 0.001% of the population

Trichromacy

#9891c2 Protanomaly 1% of men, 0.01% of women
#9f90bb Deuteranomaly 6% of men, 0.4% of women
#ae8ea8 Tritanomaly 0.01% of the population

#af86bb hex color

#af86bb Color Information

#af86bb Color Conversion

Color Schemes with #af86bb

Alternatives to #af86bb

#af86bb Preview

Shades and Tints of #af86bb

Tones of #af86bb

Color Blindness Simulator