#af86b2 hex color

In a RGB color space, hex #af86b2 is composed of 68.6% red, 52.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 24.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 295.9 degrees, a saturation of 22.2% and a lightness of 61.2%. #af86b2 color hex could be obtained by blending #ffffff with #5f0d65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 53
- B 70
RGB color chart
- C 2
- M 25
- Y 0
- K 30
CMYK color chart

● #af86b2 color description : Dark grayish magenta.

The hexadecimal color #af86b2 has RGB values of R:175, G:134, B:178 and CMYK values of C:0.02, M:0.25, Y:0, K:0.3. Its decimal value is 11503282.

Hex triplet	af86b2	`#af86b2`
RGB Decimal	175, 134, 178	`rgb(175,134,178)`
RGB Percent	68.6, 52.5, 69.8	`rgb(68.6%,52.5%,69.8%)`
CMYK	2, 25, 0, 30
HSL	295.9°, 22.2, 61.2	`hsl(295.9,22.2%,61.2%)`
HSV (or HSB)	295.9°, 24.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	61.115, 23.374, -17.097
XYZ	34.239, 29.379, 45.984
xyY	0.312, 0.268, 29.379
CIE-LCH	61.115, 28.96, 323.817
CIE-LUV	61.115, 20.358, -29.324
Hunter-Lab	54.203, 17.901, -12.358
Binary	10101111, 10000110, 10110010

#af86b2
```
#af86b2 rgb(175,134,178)
```
#89b286
```
#89b286 rgb(137,178,134)
```

Complementary Color

#9986b2
```
#9986b2 rgb(153,134,178)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b2869f
```
#b2869f rgb(178,134,159)
```

Analogous Color

#86b299
```
#86b299 rgb(134,178,153)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#9fb286
```
#9fb286 rgb(159,178,134)
```

Split Complementary Color

#86b2af
```
#86b2af rgb(134,178,175)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b2af86
```
#b2af86 rgb(178,175,134)
```

Triadic Color

#8689b2
```
#8689b2 rgb(134,137,178)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b2af86
```
#b2af86 rgb(178,175,134)
```
#89b286
```
#89b286 rgb(137,178,134)
```

Tetradic Color

#8c5c90
```
#8c5c90 rgb(140,92,144)
```
#9a679e
```
#9a679e rgb(154,103,158)
```
#a576a8
```
#a576a8 rgb(165,118,168)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b996bc
```
#b996bc rgb(185,150,188)
```
#c4a5c6
```
#c4a5c6 rgb(196,165,198)
```
#ceb5d0
```
#ceb5d0 rgb(206,181,208)
```

Monochromatic Color

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

#a486b2
```
#a486b2 rgb(164,134,178)
```
#a886b2
```
#a886b2 rgb(168,134,178)
```
#ab86b2
```
#ab86b2 rgb(171,134,178)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b286b1
```
#b286b1 rgb(178,134,177)
```
#b286ae
```
#b286ae rgb(178,134,174)
```
#b286aa
```
#b286aa rgb(178,134,170)
```

Similar Colors

Text with hexadecimal color #af86b2

This text has a font color of #af86b2.

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

#af86b2 background color

This paragraph has a background color of #af86b2.

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

#af86b2 border color

This element has a border color of #af86b2.

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

CSS codes

.text {color:#af86b2;}

.background {background-color:#af86b2;}

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

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, #0b070b is the darkest color, while #fefefe is the lightest one.

#0b070b
```
#0b070b rgb(11,7,11)
```
#160f17
```
#160f17 rgb(22,15,23)
```
#221623
```
#221623 rgb(34,22,35)
```
#2e1e2f
```
#2e1e2f rgb(46,30,47)
```
#39253b
```
#39253b rgb(57,37,59)
```
#452d47
```
#452d47 rgb(69,45,71)
```
#513553
```
#513553 rgb(81,53,83)
```
#5c3c5f
```
#5c3c5f rgb(92,60,95)
```
#68446b
```
#68446b rgb(104,68,107)
```
#744c77
```
#744c77 rgb(116,76,119)
```
#7f5383
```
#7f5383 rgb(127,83,131)
```
#8b5b8f
```
#8b5b8f rgb(139,91,143)
```
#97629b
```
#97629b rgb(151,98,155)
```

Shade Color Variation

#9f6ea3
```
#9f6ea3 rgb(159,110,163)
```
#a77aaa
```
#a77aaa rgb(167,122,170)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b792ba
```
#b792ba rgb(183,146,186)
```
#bf9ec1
```
#bf9ec1 rgb(191,158,193)
```
#c7aac9
```
#c7aac9 rgb(199,170,201)
```
#cfb6d1
```
#cfb6d1 rgb(207,182,209)
```
#d7c2d8
```
#d7c2d8 rgb(215,194,216)
```
#dfcee0
```
#dfcee0 rgb(223,206,224)
```
#e6dae7
```
#e6dae7 rgb(230,218,231)
```
#eee6ef
```
#eee6ef rgb(238,230,239)
```
#f6f2f7
```
#f6f2f7 rgb(246,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a295a3
```
#a295a3 rgb(162,149,163)
```
#a88eaa
```
#a88eaa rgb(168,142,170)
```
#af86b2
```
#af86b2 rgb(175,134,178)
```
#b67eba
```
#b67eba rgb(182,126,186)
```
#bc77c1
```
#bc77c1 rgb(188,119,193)
```
#c36fc9
```
#c36fc9 rgb(195,111,201)
```
#c968d0
```
#c968d0 rgb(201,104,208)
```
#d060d8
```
#d060d8 rgb(208,96,216)
```
#d658e0
```
#d658e0 rgb(214,88,224)
```
#dd51e7
```
#dd51e7 rgb(221,81,231)
```
#e449ef
```
#e449ef rgb(228,73,239)
```
#ea41f7
```
#ea41f7 rgb(234,65,247)
```
#f13afe
```
#f13afe rgb(241,58,254)
```

Tone Color Variation

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

#8f97bd Protanopia 1% of men
#9995b3 Deuteranopia 1% of men
#ae919b Tritanopia 0.001% of the population

Trichromacy

#9a91b9 Protanomaly 1% of men, 0.01% of women
#a190b2 Deuteranomaly 6% of men, 0.4% of women
#ae8da3 Tritanomaly 0.01% of the population

#af86b2 hex color

#af86b2 Color Information

#af86b2 Color Conversion

Color Schemes with #af86b2

Alternatives to #af86b2

#af86b2 Preview

Shades and Tints of #af86b2

Tones of #af86b2

Color Blindness Simulator