#af86dd hex color

In a RGB color space, hex #af86dd is composed of 68.6% red, 52.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 39.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 268.3 degrees, a saturation of 56.1% and a lightness of 69.6%. #af86dd color hex could be obtained by blending #ffffff with #5f0dbb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 87
RGB color chart
- C 21
- M 39
- Y 0
- K 13
CMYK color chart

● #af86dd color description : Very soft violet.

The hexadecimal color #af86dd has RGB values of R:175, G:134, B:221 and CMYK values of C:0.21, M:0.39, Y:0, K:0.13. Its decimal value is 11503325.

Hex triplet	af86dd	`#af86dd`
RGB Decimal	175, 134, 221	`rgb(175,134,221)`
RGB Percent	68.6, 52.5, 86.7	`rgb(68.6%,52.5%,86.7%)`
CMYK	21, 39, 0, 13
HSL	268.3°, 56.1, 69.6	`hsl(268.3,56.1%,69.6%)`
HSV (or HSB)	268.3°, 39.4, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.831, 32.558, -38.643
XYZ	39.253, 31.385, 72.393
xyY	0.274, 0.219, 31.385
CIE-LCH	62.831, 50.53, 310.116
CIE-LUV	62.831, 14.763, -65.272
Hunter-Lab	56.022, 27.031, -37.4
Binary	10101111, 10000110, 11011101

#af86dd
```
#af86dd rgb(175,134,221)
```
#b4dd86
```
#b4dd86 rgb(180,221,134)
```

Complementary Color

#8689dd
```
#8689dd rgb(134,137,221)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#db86dd
```
#db86dd rgb(219,134,221)
```

Analogous Color

#89dd86
```
#89dd86 rgb(137,221,134)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#dddb86
```
#dddb86 rgb(221,219,134)
```

Split Complementary Color

#86ddaf
```
#86ddaf rgb(134,221,175)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#ddaf86
```
#ddaf86 rgb(221,175,134)
```

Triadic Color

#86b4dd
```
#86b4dd rgb(134,180,221)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#ddaf86
```
#ddaf86 rgb(221,175,134)
```
#b4dd86
```
#b4dd86 rgb(180,221,134)
```

Tetradic Color

#884acc
```
#884acc rgb(136,74,204)
```
#955ed2
```
#955ed2 rgb(149,94,210)
```
#a272d7
```
#a272d7 rgb(162,114,215)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#bc9ae3
```
#bc9ae3 rgb(188,154,227)
```
#c9aee8
```
#c9aee8 rgb(201,174,232)
```
#d6c2ee
```
#d6c2ee rgb(214,194,238)
```

Monochromatic Color

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

#9986dd
```
#9986dd rgb(153,134,221)
```
#a186dd
```
#a186dd rgb(161,134,221)
```
#a886dd
```
#a886dd rgb(168,134,221)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#b686dd
```
#b686dd rgb(182,134,221)
```
#be86dd
```
#be86dd rgb(190,134,221)
```
#c586dd
```
#c586dd rgb(197,134,221)
```

Similar Colors

Text with hexadecimal color #af86dd

This text has a font color of #af86dd.

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

#af86dd background color

This paragraph has a background color of #af86dd.

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

#af86dd border color

This element has a border color of #af86dd.

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

CSS codes

.text {color:#af86dd;}

.background {background-color:#af86dd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0a0511
```
#0a0511 rgb(10,5,17)
```
#140920
```
#140920 rgb(20,9,32)
```
#1d0d2f
```
#1d0d2f rgb(29,13,47)
```
#27123f
```
#27123f rgb(39,18,63)
```
#30164e
```
#30164e rgb(48,22,78)
```
#3a1a5d
```
#3a1a5d rgb(58,26,93)
```
#431f6d
```
#431f6d rgb(67,31,109)
```
#4d237c
```
#4d237c rgb(77,35,124)
```
#56278b
```
#56278b rgb(86,39,139)
```
#602b9b
```
#602b9b rgb(96,43,155)
```
#6930aa
```
#6930aa rgb(105,48,170)
```
#7334b9
```
#7334b9 rgb(115,52,185)
```

Shade Color Variation

#7c39c7
```
#7c39c7 rgb(124,57,199)
```
#8749cc
```
#8749cc rgb(135,73,204)
```
#9158d0
```
#9158d0 rgb(145,88,208)
```
#9b67d4
```
#9b67d4 rgb(155,103,212)
```
#a577d9
```
#a577d9 rgb(165,119,217)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#b995e1
```
#b995e1 rgb(185,149,225)
```
#c3a5e6
```
#c3a5e6 rgb(195,165,230)
```
#cdb4ea
```
#cdb4ea rgb(205,180,234)
```
#d7c3ee
```
#d7c3ee rgb(215,195,238)
```
#e2d3f3
```
#e2d3f3 rgb(226,211,243)
```
#ece2f7
```
#ece2f7 rgb(236,226,247)
```
#f6f1fb
```
#f6f1fb rgb(246,241,251)
```

Tint Color Variation

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

#b1b0b3
```
#b1b0b3 rgb(177,176,179)
```
#b1aab9
```
#b1aab9 rgb(177,170,185)
```
#b1a4bf
```
#b1a4bf rgb(177,164,191)
```
#b09ec5
```
#b09ec5 rgb(176,158,197)
```
#b098cb
```
#b098cb rgb(176,152,203)
```
#b092d1
```
#b092d1 rgb(176,146,209)
```
#af8cd7
```
#af8cd7 rgb(175,140,215)
```
#af86dd
```
#af86dd rgb(175,134,221)
```
#af80e3
```
#af80e3 rgb(175,128,227)
```
#ae7ae9
```
#ae7ae9 rgb(174,122,233)
```
#ae74ef
```
#ae74ef rgb(174,116,239)
```
#ae6ef5
```
#ae6ef5 rgb(174,110,245)
```
#ad68fb
```
#ad68fb rgb(173,104,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a098a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ae9 Protanopia 1% of men
#859cd9 Deuteranopia 1% of men
#a799a4 Tritanopia 0.001% of the population

Trichromacy

#9093e4 Protanomaly 1% of men, 0.01% of women
#9494da Deuteranomaly 6% of men, 0.4% of women
#aa92b8 Tritanomaly 0.01% of the population

#af86dd hex color

#af86dd Color Information

#af86dd Color Conversion

Color Schemes with #af86dd

Alternatives to #af86dd

#af86dd Preview

Shades and Tints of #af86dd

Tones of #af86dd

Color Blindness Simulator