#af87b2 hex color

In a RGB color space, hex #af87b2 is composed of 68.6% red, 52.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 24.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 295.8 degrees, a saturation of 21.8% and a lightness of 61.4%. #af87b2 color hex could be obtained by blending #ffffff with #5f0f65. Closest websafe color is: #999999.

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

● #af87b2 color description : Dark grayish magenta.

The hexadecimal color #af87b2 has RGB values of R:175, G:135, B:178 and CMYK values of C:0.02, M:0.24, Y:0, K:0.3. Its decimal value is 11503538.

Hex triplet	af87b2	`#af87b2`
RGB Decimal	175, 135, 178	`rgb(175,135,178)`
RGB Percent	68.6, 52.9, 69.8	`rgb(68.6%,52.9%,69.8%)`
CMYK	2, 24, 0, 30
HSL	295.8°, 21.8, 61.4	`hsl(295.8,21.8%,61.4%)`
HSV (or HSB)	295.8°, 24.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	61.357, 22.811, -16.729
XYZ	34.378, 29.657, 46.03
xyY	0.312, 0.269, 29.657
CIE-LCH	61.357, 28.288, 323.743
CIE-LUV	61.357, 19.873, -28.688
Hunter-Lab	54.458, 17.38, -11.994
Binary	10101111, 10000111, 10110010

#af87b2
```
#af87b2 rgb(175,135,178)
```
#8ab287
```
#8ab287 rgb(138,178,135)
```

Complementary Color

#9a87b2
```
#9a87b2 rgb(154,135,178)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b287a0
```
#b287a0 rgb(178,135,160)
```

Analogous Color

#87b29a
```
#87b29a rgb(135,178,154)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#a0b287
```
#a0b287 rgb(160,178,135)
```

Split Complementary Color

#87b2af
```
#87b2af rgb(135,178,175)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```

Triadic Color

#878ab2
```
#878ab2 rgb(135,138,178)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#8ab287
```
#8ab287 rgb(138,178,135)
```

Tetradic Color

#8c5c90
```
#8c5c90 rgb(140,92,144)
```
#9a689e
```
#9a689e rgb(154,104,158)
```
#a577a8
```
#a577a8 rgb(165,119,168)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b997bc
```
#b997bc rgb(185,151,188)
```
#c4a6c6
```
#c4a6c6 rgb(196,166,198)
```
#ceb6d0
```
#ceb6d0 rgb(206,182,208)
```

Monochromatic Color

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

#a487b2
```
#a487b2 rgb(164,135,178)
```
#a887b2
```
#a887b2 rgb(168,135,178)
```
#ab87b2
```
#ab87b2 rgb(171,135,178)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b287b1
```
#b287b1 rgb(178,135,177)
```
#b287ae
```
#b287ae rgb(178,135,174)
```
#b287aa
```
#b287aa rgb(178,135,170)
```

Similar Colors

Text with hexadecimal color #af87b2

This text has a font color of #af87b2.

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

#af87b2 background color

This paragraph has a background color of #af87b2.

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

#af87b2 border color

This element has a border color of #af87b2.

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

CSS codes

.text {color:#af87b2;}

.background {background-color:#af87b2;}

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

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 #fffeff is the lightest one.

#0b070b
```
#0b070b rgb(11,7,11)
```
#170f17
```
#170f17 rgb(23,15,23)
```
#221723
```
#221723 rgb(34,23,35)
```
#2e1e2f
```
#2e1e2f rgb(46,30,47)
```
#3a263b
```
#3a263b rgb(58,38,59)
```
#452e47
```
#452e47 rgb(69,46,71)
```
#513553
```
#513553 rgb(81,53,83)
```
#5d3d5f
```
#5d3d5f rgb(93,61,95)
```
#68456b
```
#68456b rgb(104,69,107)
```
#744c77
```
#744c77 rgb(116,76,119)
```
#805483
```
#805483 rgb(128,84,131)
```
#8b5c8f
```
#8b5c8f rgb(139,92,143)
```
#97639b
```
#97639b rgb(151,99,155)
```

Shade Color Variation

#9f6fa3
```
#9f6fa3 rgb(159,111,163)
```
#a77baa
```
#a77baa rgb(167,123,170)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b793ba
```
#b793ba rgb(183,147,186)
```
#bf9fc1
```
#bf9fc1 rgb(191,159,193)
```
#c7abc9
```
#c7abc9 rgb(199,171,201)
```
#cfb7d1
```
#cfb7d1 rgb(207,183,209)
```
#d7c3d8
```
#d7c3d8 rgb(215,195,216)
```
#dfcfe0
```
#dfcfe0 rgb(223,207,224)
```
#e7dbe8
```
#e7dbe8 rgb(231,219,232)
```
#efe7ef
```
#efe7ef rgb(239,231,239)
```
#f7f3f7
```
#f7f3f7 rgb(247,243,247)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#a296a3
```
#a296a3 rgb(162,150,163)
```
#a88faa
```
#a88faa rgb(168,143,170)
```
#af87b2
```
#af87b2 rgb(175,135,178)
```
#b67fba
```
#b67fba rgb(182,127,186)
```
#bc78c1
```
#bc78c1 rgb(188,120,193)
```
#c370c9
```
#c370c9 rgb(195,112,201)
```
#c969d0
```
#c969d0 rgb(201,105,208)
```
#d061d8
```
#d061d8 rgb(208,97,216)
```
#d65adf
```
#d65adf rgb(214,90,223)
```
#dd52e7
```
#dd52e7 rgb(221,82,231)
```
#e34aef
```
#e34aef rgb(227,74,239)
```
#ea43f6
```
#ea43f6 rgb(234,67,246)
```
#f03bfe
```
#f03bfe rgb(240,59,254)
```

Tone Color Variation

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

Dichromacy

#9098bc Protanopia 1% of men
#9a96b3 Deuteranopia 1% of men
#ae929c Tritanopia 0.001% of the population

Trichromacy

#9b91b8 Protanomaly 1% of men, 0.01% of women
#a290b2 Deuteranomaly 6% of men, 0.4% of women
#ae8ea4 Tritanomaly 0.01% of the population

#af87b2 hex color

#af87b2 Color Information

#af87b2 Color Conversion

Color Schemes with #af87b2

Alternatives to #af87b2

#af87b2 Preview

Shades and Tints of #af87b2

Tones of #af87b2

Color Blindness Simulator