#af86db hex color

In a RGB color space, hex #af86db is composed of 68.6% red, 52.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 38.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 268.9 degrees, a saturation of 54.1% and a lightness of 69.2%. #af86db color hex could be obtained by blending #ffffff with #5f0db7. Closest websafe color is: #9999cc.

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

● #af86db color description : Very soft violet.

The hexadecimal color #af86db has RGB values of R:175, G:134, B:219 and CMYK values of C:0.2, M:0.39, Y:0, K:0.14. Its decimal value is 11503323.

Hex triplet	af86db	`#af86db`
RGB Decimal	175, 134, 219	`rgb(175,134,219)`
RGB Percent	68.6, 52.5, 85.9	`rgb(68.6%,52.5%,85.9%)`
CMYK	20, 39, 0, 14
HSL	268.9°, 54.1, 69.2	`hsl(268.9,54.1%,69.2%)`
HSV (or HSB)	268.9°, 38.8, 85.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.742, 32.102, -37.667
XYZ	38.988, 31.279, 70.997
xyY	0.276, 0.221, 31.279
CIE-LCH	62.742, 49.491, 310.439
CIE-LUV	62.742, 15.018, -63.605
Hunter-Lab	55.928, 26.563, -36.116
Binary	10101111, 10000110, 11011011

#af86db
```
#af86db rgb(175,134,219)
```
#b2db86
```
#b2db86 rgb(178,219,134)
```

Complementary Color

#8688db
```
#8688db rgb(134,136,219)
```
#af86db
```
#af86db rgb(175,134,219)
```
#da86db
```
#da86db rgb(218,134,219)
```

Analogous Color

#88db86
```
#88db86 rgb(136,219,134)
```
#af86db
```
#af86db rgb(175,134,219)
```
#dbda86
```
#dbda86 rgb(219,218,134)
```

Split Complementary Color

#86dbaf
```
#86dbaf rgb(134,219,175)
```
#af86db
```
#af86db rgb(175,134,219)
```
#dbaf86
```
#dbaf86 rgb(219,175,134)
```

Triadic Color

#86b2db
```
#86b2db rgb(134,178,219)
```
#af86db
```
#af86db rgb(175,134,219)
```
#dbaf86
```
#dbaf86 rgb(219,175,134)
```
#b2db86
```
#b2db86 rgb(178,219,134)
```

Tetradic Color

#884bc9
```
#884bc9 rgb(136,75,201)
```
#955fcf
```
#955fcf rgb(149,95,207)
```
#a272d5
```
#a272d5 rgb(162,114,213)
```
#af86db
```
#af86db rgb(175,134,219)
```
#bc9ae1
```
#bc9ae1 rgb(188,154,225)
```
#c9ade7
```
#c9ade7 rgb(201,173,231)
```
#d6c1ed
```
#d6c1ed rgb(214,193,237)
```

Monochromatic Color

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

#9a86db
```
#9a86db rgb(154,134,219)
```
#a186db
```
#a186db rgb(161,134,219)
```
#a886db
```
#a886db rgb(168,134,219)
```
#af86db
```
#af86db rgb(175,134,219)
```
#b686db
```
#b686db rgb(182,134,219)
```
#bd86db
```
#bd86db rgb(189,134,219)
```
#c486db
```
#c486db rgb(196,134,219)
```

Similar Colors

Text with hexadecimal color #af86db

This text has a font color of #af86db.

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

#af86db background color

This paragraph has a background color of #af86db.

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

#af86db border color

This element has a border color of #af86db.

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

CSS codes

.text {color:#af86db;}

.background {background-color:#af86db;}

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

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, #0a040f is the darkest color, while #ffffff is the lightest one.

#0a040f
```
#0a040f rgb(10,4,15)
```
#13091e
```
#13091e rgb(19,9,30)
```
#1d0d2d
```
#1d0d2d rgb(29,13,45)
```
#26123c
```
#26123c rgb(38,18,60)
```
#30164c
```
#30164c rgb(48,22,76)
```
#3a1b5b
```
#3a1b5b rgb(58,27,91)
```
#431f6a
```
#431f6a rgb(67,31,106)
```
#4d2479
```
#4d2479 rgb(77,36,121)
```
#572888
```
#572888 rgb(87,40,136)
```
#602d97
```
#602d97 rgb(96,45,151)
```
#6a31a6
```
#6a31a6 rgb(106,49,166)
```
#7336b5
```
#7336b5 rgb(115,54,181)
```
#7d3ac4
```
#7d3ac4 rgb(125,58,196)
```

Shade Color Variation

#874ac9
```
#874ac9 rgb(135,74,201)
```
#9159ce
```
#9159ce rgb(145,89,206)
```
#9b68d2
```
#9b68d2 rgb(155,104,210)
```
#a577d7
```
#a577d7 rgb(165,119,215)
```
#af86db
```
#af86db rgb(175,134,219)
```
#b995df
```
#b995df rgb(185,149,223)
```
#c3a4e4
```
#c3a4e4 rgb(195,164,228)
```
#cdb3e8
```
#cdb3e8 rgb(205,179,232)
```
#d7c2ed
```
#d7c2ed rgb(215,194,237)
```
#e1d2f1
```
#e1d2f1 rgb(225,210,241)
```
#ebe1f6
```
#ebe1f6 rgb(235,225,246)
```
#f5f0fa
```
#f5f0fa rgb(245,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b0b1
```
#b0b0b1 rgb(176,176,177)
```
#b0aab7
```
#b0aab7 rgb(176,170,183)
```
#b0a4bd
```
#b0a4bd rgb(176,164,189)
```
#b09ec3
```
#b09ec3 rgb(176,158,195)
```
#b098c9
```
#b098c9 rgb(176,152,201)
```
#af92cf
```
#af92cf rgb(175,146,207)
```
#af8cd5
```
#af8cd5 rgb(175,140,213)
```
#af86db
```
#af86db rgb(175,134,219)
```
#af80e1
```
#af80e1 rgb(175,128,225)
```
#af7ae7
```
#af7ae7 rgb(175,122,231)
```
#ae74ed
```
#ae74ed rgb(174,116,237)
```
#ae6ef3
```
#ae6ef3 rgb(174,110,243)
```
#ae68f9
```
#ae68f9 rgb(174,104,249)
```

Tone Color Variation

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

#7f9ae7 Protanopia 1% of men
#869bd7 Deuteranopia 1% of men
#a799a3 Tritanopia 0.001% of the population

Trichromacy

#9093e2 Protanomaly 1% of men, 0.01% of women
#9593d8 Deuteranomaly 6% of men, 0.4% of women
#aa92b7 Tritanomaly 0.01% of the population

#af86db hex color

#af86db Color Information

#af86db Color Conversion

Color Schemes with #af86db

Alternatives to #af86db

#af86db Preview

Shades and Tints of #af86db

Tones of #af86db

Color Blindness Simulator