#af87bd hex color

In a RGB color space, hex #af87bd is composed of 68.6% red, 52.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 28.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 284.4 degrees, a saturation of 29% and a lightness of 63.5%. #af87bd color hex could be obtained by blending #ffffff with #5f0f7b. 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

● #af87bd color description : Slightly desaturated violet.

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

Hex triplet	af87bd	`#af87bd`
RGB Decimal	175, 135, 189	`rgb(175,135,189)`
RGB Percent	68.6, 52.9, 74.1	`rgb(68.6%,52.9%,74.1%)`
CMYK	7, 29, 0, 26
HSL	284.4°, 29, 63.5	`hsl(284.4,29%,63.5%)`
HSV (or HSB)	284.4°, 28.6, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.755, 25.023, -22.354
XYZ	35.527, 30.117, 52.083
xyY	0.302, 0.256, 30.117
CIE-LCH	61.755, 33.553, 318.224
CIE-LUV	61.755, 18.455, -37.845
Hunter-Lab	54.879, 19.519, -17.854
Binary	10101111, 10000111, 10111101

#af87bd
```
#af87bd rgb(175,135,189)
```
#95bd87
```
#95bd87 rgb(149,189,135)
```

Complementary Color

#9487bd
```
#9487bd rgb(148,135,189)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#bd87b0
```
#bd87b0 rgb(189,135,176)
```

Analogous Color

#87bd94
```
#87bd94 rgb(135,189,148)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#b0bd87
```
#b0bd87 rgb(176,189,135)
```

Split Complementary Color

#87bdaf
```
#87bdaf rgb(135,189,175)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#bdaf87
```
#bdaf87 rgb(189,175,135)
```

Triadic Color

#8795bd
```
#8795bd rgb(135,149,189)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#bdaf87
```
#bdaf87 rgb(189,175,135)
```
#95bd87
```
#95bd87 rgb(149,189,135)
```

Tetradic Color

#8d58a0
```
#8d58a0 rgb(141,88,160)
```
#9966ab
```
#9966ab rgb(153,102,171)
```
#a477b4
```
#a477b4 rgb(164,119,180)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#ba97c6
```
#ba97c6 rgb(186,151,198)
```
#c5a8cf
```
#c5a8cf rgb(197,168,207)
```
#d0b8d8
```
#d0b8d8 rgb(208,184,216)
```

Monochromatic Color

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

#a287bd
```
#a287bd rgb(162,135,189)
```
#a687bd
```
#a687bd rgb(166,135,189)
```
#ab87bd
```
#ab87bd rgb(171,135,189)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#b487bd
```
#b487bd rgb(180,135,189)
```
#b887bd
```
#b887bd rgb(184,135,189)
```
#bd87bd
```
#bd87bd rgb(189,135,189)
```

Similar Colors

Text with hexadecimal color #af87bd

This text has a font color of #af87bd.

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

#af87bd background color

This paragraph has a background color of #af87bd.

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

#af87bd border color

This element has a border color of #af87bd.

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

CSS codes

.text {color:#af87bd;}

.background {background-color:#af87bd;}

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

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

#060407
```
#060407 rgb(6,4,7)
```
#110b13
```
#110b13 rgb(17,11,19)
```
#1c1220
```
#1c1220 rgb(28,18,32)
```
#27182d
```
#27182d rgb(39,24,45)
```
#331f39
```
#331f39 rgb(51,31,57)
```
#3e2646
```
#3e2646 rgb(62,38,70)
```
#492d52
```
#492d52 rgb(73,45,82)
```
#54345f
```
#54345f rgb(84,52,95)
```
#5f3b6c
```
#5f3b6c rgb(95,59,108)
```
#6a4278
```
#6a4278 rgb(106,66,120)
```
#764985
```
#764985 rgb(118,73,133)
```
#815092
```
#815092 rgb(129,80,146)
```
#8c579e
```
#8c579e rgb(140,87,158)
```

Shade Color Variation

#9661a8
```
#9661a8 rgb(150,97,168)
```
#9e6eaf
```
#9e6eaf rgb(158,110,175)
```
#a77ab6
```
#a77ab6 rgb(167,122,182)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#b794c4
```
#b794c4 rgb(183,148,196)
```
#c0a0cb
```
#c0a0cb rgb(192,160,203)
```
#c8add2
```
#c8add2 rgb(200,173,210)
```
#d1bad9
```
#d1bad9 rgb(209,186,217)
```
#d9c6e0
```
#d9c6e0 rgb(217,198,224)
```
#e2d3e7
```
#e2d3e7 rgb(226,211,231)
```
#eae0ee
```
#eae0ee rgb(234,224,238)
```
#f2ecf5
```
#f2ecf5 rgb(242,236,245)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#a59ca8
```
#a59ca8 rgb(165,156,168)
```
#a895af
```
#a895af rgb(168,149,175)
```
#ac8eb6
```
#ac8eb6 rgb(172,142,182)
```
#af87bd
```
#af87bd rgb(175,135,189)
```
#b280c4
```
#b280c4 rgb(178,128,196)
```
#b679cb
```
#b679cb rgb(182,121,203)
```
#b972d2
```
#b972d2 rgb(185,114,210)
```
#bd6ada
```
#bd6ada rgb(189,106,218)
```
#c063e1
```
#c063e1 rgb(192,99,225)
```
#c45ce8
```
#c45ce8 rgb(196,92,232)
```
#c755ef
```
#c755ef rgb(199,85,239)
```
#cb4ef6
```
#cb4ef6 rgb(203,78,246)
```
#ce47fd
```
#ce47fd rgb(206,71,253)
```

Tone Color Variation

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

#8c98c8 Protanopia 1% of men
#9697bd Deuteranopia 1% of men
#ad949e Tritanopia 0.001% of the population

Trichromacy

#9992c4 Protanomaly 1% of men, 0.01% of women
#9f91bd Deuteranomaly 6% of men, 0.4% of women
#ad8fa9 Tritanomaly 0.01% of the population

#af87bd hex color

#af87bd Color Information

#af87bd Color Conversion

Color Schemes with #af87bd

Alternatives to #af87bd

#af87bd Preview

Shades and Tints of #af87bd

Tones of #af87bd

Color Blindness Simulator