#af87b1 hex color

In a RGB color space, hex #af87b1 is composed of 68.6% red, 52.9% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 23.7% magenta, 0% yellow and 30.6% black. It has a hue angle of 297.1 degrees, a saturation of 21.2% and a lightness of 61.2%. #af87b1 color hex could be obtained by blending #ffffff with #5f0f63. Closest websafe color is: #999999.

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

● #af87b1 color description : Dark grayish magenta.

The hexadecimal color #af87b1 has RGB values of R:175, G:135, B:177 and CMYK values of C:0.01, M:0.24, Y:0, K:0.31. Its decimal value is 11503537.

Hex triplet	af87b1	`#af87b1`
RGB Decimal	175, 135, 177	`rgb(175,135,177)`
RGB Percent	68.6, 52.9, 69.4	`rgb(68.6%,52.9%,69.4%)`
CMYK	1, 24, 0, 31
HSL	297.1°, 21.2, 61.2	`hsl(297.1,21.2%,61.2%)`
HSV (or HSB)	297.1°, 23.7, 69.4
Web Safe	999999	`#999999`

CIE-LAB	61.322, 22.615, -16.215
XYZ	34.278, 29.617, 45.504
xyY	0.313, 0.271, 29.617
CIE-LCH	61.322, 27.827, 324.36
CIE-LUV	61.322, 20.002, -27.86
Hunter-Lab	54.421, 17.192, -11.479
Binary	10101111, 10000111, 10110001

#af87b1
```
#af87b1 rgb(175,135,177)
```
#89b187
```
#89b187 rgb(137,177,135)
```

Complementary Color

#9a87b1
```
#9a87b1 rgb(154,135,177)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b1879e
```
#b1879e rgb(177,135,158)
```

Analogous Color

#87b19a
```
#87b19a rgb(135,177,154)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#9eb187
```
#9eb187 rgb(158,177,135)
```

Split Complementary Color

#87b1af
```
#87b1af rgb(135,177,175)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b1af87
```
#b1af87 rgb(177,175,135)
```

Triadic Color

#8789b1
```
#8789b1 rgb(135,137,177)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b1af87
```
#b1af87 rgb(177,175,135)
```
#89b187
```
#89b187 rgb(137,177,135)
```

Tetradic Color

#8c5d8f
```
#8c5d8f rgb(140,93,143)
```
#9a689d
```
#9a689d rgb(154,104,157)
```
#a578a7
```
#a578a7 rgb(165,120,167)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b996bb
```
#b996bb rgb(185,150,187)
```
#c4a6c5
```
#c4a6c5 rgb(196,166,197)
```
#ceb5cf
```
#ceb5cf rgb(206,181,207)
```

Monochromatic Color

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

#a587b1
```
#a587b1 rgb(165,135,177)
```
#a887b1
```
#a887b1 rgb(168,135,177)
```
#ac87b1
```
#ac87b1 rgb(172,135,177)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b187b0
```
#b187b0 rgb(177,135,176)
```
#b187ac
```
#b187ac rgb(177,135,172)
```
#b187a9
```
#b187a9 rgb(177,135,169)
```

Similar Colors

Text with hexadecimal color #af87b1

This text has a font color of #af87b1.

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

#af87b1 background color

This paragraph has a background color of #af87b1.

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

#af87b1 border color

This element has a border color of #af87b1.

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

CSS codes

.text {color:#af87b1;}

.background {background-color:#af87b1;}

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

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)
```
#2e1e2e
```
#2e1e2e rgb(46,30,46)
```
#39263a
```
#39263a rgb(57,38,58)
```
#452e46
```
#452e46 rgb(69,46,70)
```
#513552
```
#513552 rgb(81,53,82)
```
#5c3d5e
```
#5c3d5e rgb(92,61,94)
```
#68456a
```
#68456a rgb(104,69,106)
```
#744d76
```
#744d76 rgb(116,77,118)
```
#7f5482
```
#7f5482 rgb(127,84,130)
```
#8b5c8e
```
#8b5c8e rgb(139,92,142)
```
#976499
```
#976499 rgb(151,100,153)
```

Shade Color Variation

#9f6fa2
```
#9f6fa2 rgb(159,111,162)
```
#a77ba9
```
#a77ba9 rgb(167,123,169)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b793b9
```
#b793b9 rgb(183,147,185)
```
#bf9fc0
```
#bf9fc0 rgb(191,159,192)
```
#c7abc8
```
#c7abc8 rgb(199,171,200)
```
#cfb7d0
```
#cfb7d0 rgb(207,183,208)
```
#d7c2d8
```
#d7c2d8 rgb(215,194,216)
```
#dfcedf
```
#dfcedf rgb(223,206,223)
```
#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, #a196a2 is the less saturated color, while #f43bfd is the most saturated one.

#a196a2
```
#a196a2 rgb(161,150,162)
```
#a88fa9
```
#a88fa9 rgb(168,143,169)
```
#af87b1
```
#af87b1 rgb(175,135,177)
```
#b67fb9
```
#b67fb9 rgb(182,127,185)
```
#bd78c0
```
#bd78c0 rgb(189,120,192)
```
#c470c8
```
#c470c8 rgb(196,112,200)
```
#cb69cf
```
#cb69cf rgb(203,105,207)
```
#d161d7
```
#d161d7 rgb(209,97,215)
```
#d859df
```
#d859df rgb(216,89,223)
```
#df52e6
```
#df52e6 rgb(223,82,230)
```
#e64aee
```
#e64aee rgb(230,74,238)
```
#ed42f6
```
#ed42f6 rgb(237,66,246)
```
#f43bfd
```
#f43bfd rgb(244,59,253)
```

Tone Color Variation

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

#9098bb Protanopia 1% of men
#9b96b2 Deuteranopia 1% of men
#af929c Tritanopia 0.001% of the population

Trichromacy

#9b91b7 Protanomaly 1% of men, 0.01% of women
#a290b1 Deuteranomaly 6% of men, 0.4% of women
#af8ea3 Tritanomaly 0.01% of the population

#af87b1 hex color

#af87b1 Color Information

#af87b1 Color Conversion

Color Schemes with #af87b1

Alternatives to #af87b1

#af87b1 Preview

Shades and Tints of #af87b1

Tones of #af87b1

Color Blindness Simulator