#af86bd hex color

In a RGB color space, hex #af86bd is composed of 68.6% red, 52.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 29.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 284.7 degrees, a saturation of 29.4% and a lightness of 63.3%. #af86bd color hex could be obtained by blending #ffffff with #5f0d7b. Closest websafe color is: #9999cc.

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

● #af86bd color description : Slightly desaturated violet.

The hexadecimal color #af86bd has RGB values of R:175, G:134, B:189 and CMYK values of C:0.07, M:0.29, Y:0, K:0.26. Its decimal value is 11503293.

Hex triplet	af86bd	`#af86bd`
RGB Decimal	175, 134, 189	`rgb(175,134,189)`
RGB Percent	68.6, 52.5, 74.1	`rgb(68.6%,52.5%,74.1%)`
CMYK	7, 29, 0, 26
HSL	284.7°, 29.4, 63.3	`hsl(284.7,29.4%,63.3%)`
HSV (or HSB)	284.7°, 29.1, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.515, 25.586, -22.721
XYZ	35.388, 29.839, 52.037
xyY	0.302, 0.254, 29.839
CIE-LCH	61.515, 34.218, 318.395
CIE-LUV	61.515, 18.916, -38.484
Hunter-Lab	54.625, 20.046, -18.243
Binary	10101111, 10000110, 10111101

#af86bd
```
#af86bd rgb(175,134,189)
```
#94bd86
```
#94bd86 rgb(148,189,134)
```

Complementary Color

#9486bd
```
#9486bd rgb(148,134,189)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#bd86b0
```
#bd86b0 rgb(189,134,176)
```

Analogous Color

#86bd94
```
#86bd94 rgb(134,189,148)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#b0bd86
```
#b0bd86 rgb(176,189,134)
```

Split Complementary Color

#86bdaf
```
#86bdaf rgb(134,189,175)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#bdaf86
```
#bdaf86 rgb(189,175,134)
```

Triadic Color

#8694bd
```
#8694bd rgb(134,148,189)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#bdaf86
```
#bdaf86 rgb(189,175,134)
```
#94bd86
```
#94bd86 rgb(148,189,134)
```

Tetradic Color

#8d57a0
```
#8d57a0 rgb(141,87,160)
```
#9965ab
```
#9965ab rgb(153,101,171)
```
#a476b4
```
#a476b4 rgb(164,118,180)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#ba97c6
```
#ba97c6 rgb(186,151,198)
```
#c5a7cf
```
#c5a7cf rgb(197,167,207)
```
#d0b8d8
```
#d0b8d8 rgb(208,184,216)
```

Monochromatic Color

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

#a186bd
```
#a186bd rgb(161,134,189)
```
#a686bd
```
#a686bd rgb(166,134,189)
```
#aa86bd
```
#aa86bd rgb(170,134,189)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#b486bd
```
#b486bd rgb(180,134,189)
```
#b886bd
```
#b886bd rgb(184,134,189)
```
#bd86bd
```
#bd86bd rgb(189,134,189)
```

Similar Colors

Text with hexadecimal color #af86bd

This text has a font color of #af86bd.

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

#af86bd background color

This paragraph has a background color of #af86bd.

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

#af86bd border color

This element has a border color of #af86bd.

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

CSS codes

.text {color:#af86bd;}

.background {background-color:#af86bd;}

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

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

#050306
```
#050306 rgb(5,3,6)
```
#100a13
```
#100a13 rgb(16,10,19)
```
#1c111f
```
#1c111f rgb(28,17,31)
```
#27182c
```
#27182c rgb(39,24,44)
```
#321f39
```
#321f39 rgb(50,31,57)
```
#3d2645
```
#3d2645 rgb(61,38,69)
```
#492d52
```
#492d52 rgb(73,45,82)
```
#54345f
```
#54345f rgb(84,52,95)
```
#5f3b6b
```
#5f3b6b rgb(95,59,107)
```
#6a4278
```
#6a4278 rgb(106,66,120)
```
#754885
```
#754885 rgb(117,72,133)
```
#814f92
```
#814f92 rgb(129,79,146)
```
#8c569e
```
#8c569e rgb(140,86,158)
```

Shade Color Variation

#9660a8
```
#9660a8 rgb(150,96,168)
```
#9e6daf
```
#9e6daf rgb(158,109,175)
```
#a779b6
```
#a779b6 rgb(167,121,182)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#b793c4
```
#b793c4 rgb(183,147,196)
```
#c09fcb
```
#c09fcb rgb(192,159,203)
```
#c8acd2
```
#c8acd2 rgb(200,172,210)
```
#d1b9d9
```
#d1b9d9 rgb(209,185,217)
```
#d9c5e0
```
#d9c5e0 rgb(217,197,224)
```
#e1d2e7
```
#e1d2e7 rgb(225,210,231)
```
#eadfed
```
#eadfed rgb(234,223,237)
```
#f2ecf4
```
#f2ecf4 rgb(242,236,244)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#a49ca7
```
#a49ca7 rgb(164,156,167)
```
#a894af
```
#a894af rgb(168,148,175)
```
#ab8db6
```
#ab8db6 rgb(171,141,182)
```
#af86bd
```
#af86bd rgb(175,134,189)
```
#b37fc4
```
#b37fc4 rgb(179,127,196)
```
#b678cb
```
#b678cb rgb(182,120,203)
```
#ba70d3
```
#ba70d3 rgb(186,112,211)
```
#bd69da
```
#bd69da rgb(189,105,218)
```
#c162e1
```
#c162e1 rgb(193,98,225)
```
#c45be8
```
#c45be8 rgb(196,91,232)
```
#c854ef
```
#c854ef rgb(200,84,239)
```
#cb4cf7
```
#cb4cf7 rgb(203,76,247)
```
#cf45fe
```
#cf45fe rgb(207,69,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d95a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b98c8 Protanopia 1% of men
#9597bc Deuteranopia 1% of men
#ad939d Tritanopia 0.001% of the population

Trichromacy

#9891c4 Protanomaly 1% of men, 0.01% of women
#9e91bc Deuteranomaly 6% of men, 0.4% of women
#ad8ea9 Tritanomaly 0.01% of the population

#af86bd hex color

#af86bd Color Information

#af86bd Color Conversion

Color Schemes with #af86bd

Alternatives to #af86bd

#af86bd Preview

Shades and Tints of #af86bd

Tones of #af86bd

Color Blindness Simulator