#af86da hex color

In a RGB color space, hex #af86da is composed of 68.6% red, 52.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 38.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 269.3 degrees, a saturation of 53.2% and a lightness of 69%. #af86da color hex could be obtained by blending #ffffff with #5f0db5. Closest websafe color is: #9999cc.

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

● #af86da color description : Very soft violet.

The hexadecimal color #af86da has RGB values of R:175, G:134, B:218 and CMYK values of C:0.2, M:0.39, Y:0, K:0.15. Its decimal value is 11503322.

Hex triplet	af86da	`#af86da`
RGB Decimal	175, 134, 218	`rgb(175,134,218)`
RGB Percent	68.6, 52.5, 85.5	`rgb(68.6%,52.5%,85.5%)`
CMYK	20, 39, 0, 15
HSL	269.3°, 53.2, 69	`hsl(269.3,53.2%,69%)`
HSV (or HSB)	269.3°, 38.5, 85.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.698, 31.874, -37.178
XYZ	38.857, 31.226, 70.306
xyY	0.277, 0.222, 31.226
CIE-LCH	62.698, 48.971, 310.608
CIE-LUV	62.698, 15.146, -62.771
Hunter-Lab	55.881, 26.331, -35.479
Binary	10101111, 10000110, 11011010

#af86da
```
#af86da rgb(175,134,218)
```
#b1da86
```
#b1da86 rgb(177,218,134)
```

Complementary Color

#8687da
```
#8687da rgb(134,135,218)
```
#af86da
```
#af86da rgb(175,134,218)
```
#d986da
```
#d986da rgb(217,134,218)
```

Analogous Color

#87da86
```
#87da86 rgb(135,218,134)
```
#af86da
```
#af86da rgb(175,134,218)
```
#dad986
```
#dad986 rgb(218,217,134)
```

Split Complementary Color

#86daaf
```
#86daaf rgb(134,218,175)
```
#af86da
```
#af86da rgb(175,134,218)
```
#daaf86
```
#daaf86 rgb(218,175,134)
```

Triadic Color

#86b1da
```
#86b1da rgb(134,177,218)
```
#af86da
```
#af86da rgb(175,134,218)
```
#daaf86
```
#daaf86 rgb(218,175,134)
```
#b1da86
```
#b1da86 rgb(177,218,134)
```

Tetradic Color

#884bc8
```
#884bc8 rgb(136,75,200)
```
#955fce
```
#955fce rgb(149,95,206)
```
#a272d4
```
#a272d4 rgb(162,114,212)
```
#af86da
```
#af86da rgb(175,134,218)
```
#bc9ae0
```
#bc9ae0 rgb(188,154,224)
```
#c9ade6
```
#c9ade6 rgb(201,173,230)
```
#d6c1ec
```
#d6c1ec rgb(214,193,236)
```

Monochromatic Color

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

#9a86da
```
#9a86da rgb(154,134,218)
```
#a186da
```
#a186da rgb(161,134,218)
```
#a886da
```
#a886da rgb(168,134,218)
```
#af86da
```
#af86da rgb(175,134,218)
```
#b686da
```
#b686da rgb(182,134,218)
```
#bd86da
```
#bd86da rgb(189,134,218)
```
#c486da
```
#c486da rgb(196,134,218)
```

Similar Colors

Text with hexadecimal color #af86da

This text has a font color of #af86da.

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

#af86da background color

This paragraph has a background color of #af86da.

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

#af86da border color

This element has a border color of #af86da.

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

CSS codes

.text {color:#af86da;}

.background {background-color:#af86da;}

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

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, #09040e is the darkest color, while #fefeff is the lightest one.

#09040e
```
#09040e rgb(9,4,14)
```
#13091d
```
#13091d rgb(19,9,29)
```
#1d0e2c
```
#1d0e2c rgb(29,14,44)
```
#26123b
```
#26123b rgb(38,18,59)
```
#30174a
```
#30174a rgb(48,23,74)
```
#3a1b59
```
#3a1b59 rgb(58,27,89)
```
#432068
```
#432068 rgb(67,32,104)
```
#4d2477
```
#4d2477 rgb(77,36,119)
```
#572986
```
#572986 rgb(87,41,134)
```
#602e95
```
#602e95 rgb(96,46,149)
```
#6a32a4
```
#6a32a4 rgb(106,50,164)
```
#7437b3
```
#7437b3 rgb(116,55,179)
```
#7d3bc2
```
#7d3bc2 rgb(125,59,194)
```

Shade Color Variation

#874ac8
```
#874ac8 rgb(135,74,200)
```
#9159cc
```
#9159cc rgb(145,89,204)
```
#9b68d1
```
#9b68d1 rgb(155,104,209)
```
#a577d5
```
#a577d5 rgb(165,119,213)
```
#af86da
```
#af86da rgb(175,134,218)
```
#b995df
```
#b995df rgb(185,149,223)
```
#c3a4e3
```
#c3a4e3 rgb(195,164,227)
```
#cdb3e8
```
#cdb3e8 rgb(205,179,232)
```
#d7c2ec
```
#d7c2ec rgb(215,194,236)
```
#e1d1f1
```
#e1d1f1 rgb(225,209,241)
```
#ebe0f6
```
#ebe0f6 rgb(235,224,246)
```
#f5effa
```
#f5effa rgb(245,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b0aab6
```
#b0aab6 rgb(176,170,182)
```
#b0a4bc
```
#b0a4bc rgb(176,164,188)
```
#b09ec2
```
#b09ec2 rgb(176,158,194)
```
#af98c8
```
#af98c8 rgb(175,152,200)
```
#af92ce
```
#af92ce rgb(175,146,206)
```
#af8cd4
```
#af8cd4 rgb(175,140,212)
```
#af86da
```
#af86da rgb(175,134,218)
```
#af80e0
```
#af80e0 rgb(175,128,224)
```
#af7ae6
```
#af7ae6 rgb(175,122,230)
```
#af74ec
```
#af74ec rgb(175,116,236)
```
#ae6ef2
```
#ae6ef2 rgb(174,110,242)
```
#ae68f8
```
#ae68f8 rgb(174,104,248)
```
#ae62fe
```
#ae62fe rgb(174,98,254)
```

Tone Color Variation

Below, you can see how #af86da 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
#a098a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#809ae6 Protanopia 1% of men
#869bd6 Deuteranopia 1% of men
#a798a3 Tritanopia 0.001% of the population

Trichromacy

#9193e1 Protanomaly 1% of men, 0.01% of women
#9593d7 Deuteranomaly 6% of men, 0.4% of women
#aa92b7 Tritanomaly 0.01% of the population

#af86da hex color

#af86da Color Information

#af86da Color Conversion

Color Schemes with #af86da

Alternatives to #af86da

#af86da Preview

Shades and Tints of #af86da

Tones of #af86da

Color Blindness Simulator