#af87db hex color

In a RGB color space, hex #af87db is composed of 68.6% red, 52.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 38.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 268.6 degrees, a saturation of 53.8% and a lightness of 69.4%. #af87db color hex could be obtained by blending #ffffff with #5f0fb7. Closest websafe color is: #9999cc.

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

● #af87db color description : Very soft violet.

The hexadecimal color #af87db has RGB values of R:175, G:135, B:219 and CMYK values of C:0.2, M:0.38, Y:0, K:0.14. Its decimal value is 11503579.

Hex triplet	af87db	`#af87db`
RGB Decimal	175, 135, 219	`rgb(175,135,219)`
RGB Percent	68.6, 52.9, 85.9	`rgb(68.6%,52.9%,85.9%)`
CMYK	20, 38, 0, 14
HSL	268.6°, 53.8, 69.4	`hsl(268.6,53.8%,69.4%)`
HSV (or HSB)	268.6°, 38.4, 85.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.975, 31.541, -37.304
XYZ	39.127, 31.557, 71.044
xyY	0.276, 0.223, 31.557
CIE-LCH	62.975, 48.851, 310.215
CIE-LUV	62.975, 14.616, -62.978
Hunter-Lab	56.175, 26.022, -35.66
Binary	10101111, 10000111, 11011011

#af87db
```
#af87db rgb(175,135,219)
```
#b3db87
```
#b3db87 rgb(179,219,135)
```

Complementary Color

#8789db
```
#8789db rgb(135,137,219)
```
#af87db
```
#af87db rgb(175,135,219)
```
#d987db
```
#d987db rgb(217,135,219)
```

Analogous Color

#89db87
```
#89db87 rgb(137,219,135)
```
#af87db
```
#af87db rgb(175,135,219)
```
#dbd987
```
#dbd987 rgb(219,217,135)
```

Split Complementary Color

#87dbaf
```
#87dbaf rgb(135,219,175)
```
#af87db
```
#af87db rgb(175,135,219)
```
#dbaf87
```
#dbaf87 rgb(219,175,135)
```

Triadic Color

#87b3db
```
#87b3db rgb(135,179,219)
```
#af87db
```
#af87db rgb(175,135,219)
```
#dbaf87
```
#dbaf87 rgb(219,175,135)
```
#b3db87
```
#b3db87 rgb(179,219,135)
```

Tetradic Color

#884cc9
```
#884cc9 rgb(136,76,201)
```
#9560cf
```
#9560cf rgb(149,96,207)
```
#a273d5
```
#a273d5 rgb(162,115,213)
```
#af87db
```
#af87db rgb(175,135,219)
```
#bc9be1
```
#bc9be1 rgb(188,155,225)
```
#c9aee7
```
#c9aee7 rgb(201,174,231)
```
#d6c2ed
```
#d6c2ed rgb(214,194,237)
```

Monochromatic Color

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

#9a87db
```
#9a87db rgb(154,135,219)
```
#a187db
```
#a187db rgb(161,135,219)
```
#a887db
```
#a887db rgb(168,135,219)
```
#af87db
```
#af87db rgb(175,135,219)
```
#b687db
```
#b687db rgb(182,135,219)
```
#bd87db
```
#bd87db rgb(189,135,219)
```
#c487db
```
#c487db rgb(196,135,219)
```

Similar Colors

Text with hexadecimal color #af87db

This text has a font color of #af87db.

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

#af87db background color

This paragraph has a background color of #af87db.

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

#af87db border color

This element has a border color of #af87db.

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

CSS codes

.text {color:#af87db;}

.background {background-color:#af87db;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a0510
```
#0a0510 rgb(10,5,16)
```
#14091f
```
#14091f rgb(20,9,31)
```
#1d0e2e
```
#1d0e2e rgb(29,14,46)
```
#27123d
```
#27123d rgb(39,18,61)
```
#30174c
```
#30174c rgb(48,23,76)
```
#3a1b5b
```
#3a1b5b rgb(58,27,91)
```
#43206a
```
#43206a rgb(67,32,106)
```
#4d2479
```
#4d2479 rgb(77,36,121)
```
#562989
```
#562989 rgb(86,41,137)
```
#602d98
```
#602d98 rgb(96,45,152)
```
#6a32a7
```
#6a32a7 rgb(106,50,167)
```
#7337b6
```
#7337b6 rgb(115,55,182)
```

Shade Color Variation

#7d3cc4
```
#7d3cc4 rgb(125,60,196)
```
#874bc9
```
#874bc9 rgb(135,75,201)
```
#915acd
```
#915acd rgb(145,90,205)
```
#9b69d2
```
#9b69d2 rgb(155,105,210)
```
#a578d6
```
#a578d6 rgb(165,120,214)
```
#af87db
```
#af87db rgb(175,135,219)
```
#b996e0
```
#b996e0 rgb(185,150,224)
```
#c3a5e4
```
#c3a5e4 rgb(195,165,228)
```
#cdb4e9
```
#cdb4e9 rgb(205,180,233)
```
#d7c3ed
```
#d7c3ed rgb(215,195,237)
```
#e1d2f2
```
#e1d2f2 rgb(225,210,242)
```
#ebe2f6
```
#ebe2f6 rgb(235,226,246)
```
#f5f1fb
```
#f5f1fb rgb(245,241,251)
```

Tint Color Variation

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

#b1abb7
```
#b1abb7 rgb(177,171,183)
```
#b0a5bd
```
#b0a5bd rgb(176,165,189)
```
#b09fc3
```
#b09fc3 rgb(176,159,195)
```
#b099c9
```
#b099c9 rgb(176,153,201)
```
#b093cf
```
#b093cf rgb(176,147,207)
```
#af8dd5
```
#af8dd5 rgb(175,141,213)
```
#af87db
```
#af87db rgb(175,135,219)
```
#af81e1
```
#af81e1 rgb(175,129,225)
```
#ae7be7
```
#ae7be7 rgb(174,123,231)
```
#ae75ed
```
#ae75ed rgb(174,117,237)
```
#ae6ff3
```
#ae6ff3 rgb(174,111,243)
```
#ae69f9
```
#ae69f9 rgb(174,105,249)
```
#ad63ff
```
#ad63ff rgb(173,99,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a199a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#809be7 Protanopia 1% of men
#879cd7 Deuteranopia 1% of men
#a799a4 Tritanopia 0.001% of the population

Trichromacy

#9193e2 Protanomaly 1% of men, 0.01% of women
#9594d8 Deuteranomaly 6% of men, 0.4% of women
#aa92b8 Tritanomaly 0.01% of the population

#af87db hex color

#af87db Color Information

#af87db Color Conversion

Color Schemes with #af87db

Alternatives to #af87db

#af87db Preview

Shades and Tints of #af87db

Tones of #af87db

Color Blindness Simulator