#af87cc hex color

In a RGB color space, hex #af87cc is composed of 68.6% red, 52.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 33.8% magenta, 0% yellow and 20% black. It has a hue angle of 274.8 degrees, a saturation of 40.4% and a lightness of 66.5%. #af87cc color hex could be obtained by blending #ffffff with #5f0f99. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 80
RGB color chart
- C 14
- M 34
- Y 0
- K 20
CMYK color chart

● #af87cc color description : Slightly desaturated violet.

The hexadecimal color #af87cc has RGB values of R:175, G:135, B:204 and CMYK values of C:0.14, M:0.34, Y:0, K:0.2. Its decimal value is 11503564.

Hex triplet	af87cc	`#af87cc`
RGB Decimal	175, 135, 204	`rgb(175,135,204)`
RGB Percent	68.6, 52.9, 80	`rgb(68.6%,52.9%,80%)`
CMYK	14, 34, 0, 20
HSL	274.8°, 40.4, 66.5	`hsl(274.8,40.4%,66.5%)`
HSV (or HSB)	274.8°, 33.8, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.34, 28.199, -29.901
XYZ	37.241, 30.802, 61.107
xyY	0.288, 0.238, 30.802
CIE-LCH	62.34, 41.101, 313.322
CIE-LUV	62.34, 16.525, -50.417
Hunter-Lab	55.5, 22.65, -26.431
Binary	10101111, 10000111, 11001100

#af87cc
```
#af87cc rgb(175,135,204)
```
#a4cc87
```
#a4cc87 rgb(164,204,135)
```

Complementary Color

#8d87cc
```
#8d87cc rgb(141,135,204)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#cc87c7
```
#cc87c7 rgb(204,135,199)
```

Analogous Color

#87cc8d
```
#87cc8d rgb(135,204,141)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#c7cc87
```
#c7cc87 rgb(199,204,135)
```

Split Complementary Color

#87ccaf
```
#87ccaf rgb(135,204,175)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#ccaf87
```
#ccaf87 rgb(204,175,135)
```

Triadic Color

#87a4cc
```
#87a4cc rgb(135,164,204)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#ccaf87
```
#ccaf87 rgb(204,175,135)
```
#a4cc87
```
#a4cc87 rgb(164,204,135)
```

Tetradic Color

#8b51b5
```
#8b51b5 rgb(139,81,181)
```
#9763bd
```
#9763bd rgb(151,99,189)
```
#a375c4
```
#a375c4 rgb(163,117,196)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#bb99d4
```
#bb99d4 rgb(187,153,212)
```
#c7abdb
```
#c7abdb rgb(199,171,219)
```
#d3bde3
```
#d3bde3 rgb(211,189,227)
```

Monochromatic Color

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

#9e87cc
```
#9e87cc rgb(158,135,204)
```
#a487cc
```
#a487cc rgb(164,135,204)
```
#a987cc
```
#a987cc rgb(169,135,204)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#b587cc
```
#b587cc rgb(181,135,204)
```
#bb87cc
```
#bb87cc rgb(187,135,204)
```
#c087cc
```
#c087cc rgb(192,135,204)
```

Similar Colors

Text with hexadecimal color #af87cc

This text has a font color of #af87cc.

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

#af87cc background color

This paragraph has a background color of #af87cc.

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

#af87cc border color

This element has a border color of #af87cc.

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

CSS codes

.text {color:#af87cc;}

.background {background-color:#af87cc;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0d0812
```
#0d0812 rgb(13,8,18)
```
#180d1f
```
#180d1f rgb(24,13,31)
```
#22132d
```
#22132d rgb(34,19,45)
```
#2d193b
```
#2d193b rgb(45,25,59)
```
#371f49
```
#371f49 rgb(55,31,73)
```
#422556
```
#422556 rgb(66,37,86)
```
#4c2b64
```
#4c2b64 rgb(76,43,100)
```
#563072
```
#563072 rgb(86,48,114)
```
#613680
```
#613680 rgb(97,54,128)
```
#6b3c8e
```
#6b3c8e rgb(107,60,142)
```
#76429b
```
#76429b rgb(118,66,155)
```
#8048a9
```
#8048a9 rgb(128,72,169)
```

Shade Color Variation

#8a50b5
```
#8a50b5 rgb(138,80,181)
```
#935eba
```
#935eba rgb(147,94,186)
```
#9d6bc0
```
#9d6bc0 rgb(157,107,192)
```
#a679c6
```
#a679c6 rgb(166,121,198)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#b895d2
```
#b895d2 rgb(184,149,210)
```
#c1a3d8
```
#c1a3d8 rgb(193,163,216)
```
#cbb0de
```
#cbb0de rgb(203,176,222)
```
#d4bee3
```
#d4bee3 rgb(212,190,227)
```
#ddcce9
```
#ddcce9 rgb(221,204,233)
```
#e6daef
```
#e6daef rgb(230,218,239)
```
#efe7f5
```
#efe7f5 rgb(239,231,245)
```
#f8f5fb
```
#f8f5fb rgb(248,245,251)
```

Tint Color Variation

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

#aaa8ab
```
#aaa8ab rgb(170,168,171)
```
#aba1b2
```
#aba1b2 rgb(171,161,178)
```
#ac9bb8
```
#ac9bb8 rgb(172,155,184)
```
#ad94bf
```
#ad94bf rgb(173,148,191)
```
#ae8ec5
```
#ae8ec5 rgb(174,142,197)
```
#af87cc
```
#af87cc rgb(175,135,204)
```
#b080d3
```
#b080d3 rgb(176,128,211)
```
#b17ad9
```
#b17ad9 rgb(177,122,217)
```
#b273e0
```
#b273e0 rgb(178,115,224)
```
#b36de6
```
#b36de6 rgb(179,109,230)
```
#b466ed
```
#b466ed rgb(180,102,237)
```
#b560f3
```
#b560f3 rgb(181,96,243)
```
#b659fa
```
#b659fa rgb(182,89,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9f97a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ad7 Protanopia 1% of men
#8f99ca Deuteranopia 1% of men
#aa96a1 Tritanopia 0.001% of the population

Trichromacy

#9593d3 Protanomaly 1% of men, 0.01% of women
#9a93ca Deuteranomaly 6% of men, 0.4% of women
#ac91b0 Tritanomaly 0.01% of the population

#af87cc hex color

#af87cc Color Information

#af87cc Color Conversion

Color Schemes with #af87cc

Alternatives to #af87cc

#af87cc Preview

Shades and Tints of #af87cc

Tones of #af87cc

Color Blindness Simulator