#af86f7 hex color

In a RGB color space, hex #af86f7 is composed of 68.6% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 261.8 degrees, a saturation of 87.6% and a lightness of 74.7%. #af86f7 color hex could be obtained by blending #ffffff with #5f0def. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 53
- B 97
RGB color chart
- C 29
- M 46
- Y 0
- K 3
CMYK color chart

● #af86f7 color description : Soft violet.

The hexadecimal color #af86f7 has RGB values of R:175, G:134, B:247 and CMYK values of C:0.29, M:0.46, Y:0, K:0.03. Its decimal value is 11503351.

Hex triplet	af86f7	`#af86f7`
RGB Decimal	175, 134, 247	`rgb(175,134,247)`
RGB Percent	68.6, 52.5, 96.9	`rgb(68.6%,52.5%,96.9%)`
CMYK	29, 46, 0, 3
HSL	261.8°, 87.6, 74.7	`hsl(261.8,87.6%,74.7%)`
HSV (or HSB)	261.8°, 45.7, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	64.063, 38.707, -51.086
XYZ	42.99, 32.88, 92.072
xyY	0.256, 0.196, 32.88
CIE-LCH	64.063, 64.094, 307.15
CIE-LUV	64.063, 11.517, -86.686
Hunter-Lab	57.341, 33.48, -55.064
Binary	10101111, 10000110, 11110111

#af86f7
```
#af86f7 rgb(175,134,247)
```
#cef786
```
#cef786 rgb(206,247,134)
```

Complementary Color

#8696f7
```
#8696f7 rgb(134,150,247)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#e886f7
```
#e886f7 rgb(232,134,247)
```

Analogous Color

#96f786
```
#96f786 rgb(150,247,134)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#f7e886
```
#f7e886 rgb(247,232,134)
```

Split Complementary Color

#86f7af
```
#86f7af rgb(134,247,175)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#f7af86
```
#f7af86 rgb(247,175,134)
```

Triadic Color

#86cef7
```
#86cef7 rgb(134,206,247)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#f7af86
```
#f7af86 rgb(247,175,134)
```
#cef786
```
#cef786 rgb(206,247,134)
```

Tetradic Color

#803ef2
```
#803ef2 rgb(128,62,242)
```
#8f56f4
```
#8f56f4 rgb(143,86,244)
```
#9f6ef5
```
#9f6ef5 rgb(159,110,245)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#bf9ef9
```
#bf9ef9 rgb(191,158,249)
```
#cfb6fa
```
#cfb6fa rgb(207,182,250)
```
#decefc
```
#decefc rgb(222,206,252)
```

Monochromatic Color

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

#9386f7
```
#9386f7 rgb(147,134,247)
```
#9c86f7
```
#9c86f7 rgb(156,134,247)
```
#a686f7
```
#a686f7 rgb(166,134,247)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#b886f7
```
#b886f7 rgb(184,134,247)
```
#c286f7
```
#c286f7 rgb(194,134,247)
```
#cb86f7
```
#cb86f7 rgb(203,134,247)
```

Similar Colors

Text with hexadecimal color #af86f7

This text has a font color of #af86f7.

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

#af86f7 background color

This paragraph has a background color of #af86f7.

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

#af86f7 border color

This element has a border color of #af86f7.

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

CSS codes

.text {color:#af86f7;}

.background {background-color:#af86f7;}

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

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

#030108
```
#030108 rgb(3,1,8)
```
#0b021a
```
#0b021a rgb(11,2,26)
```
#12032d
```
#12032d rgb(18,3,45)
```
#1a043f
```
#1a043f rgb(26,4,63)
```
#210551
```
#210551 rgb(33,5,81)
```
#280764
```
#280764 rgb(40,7,100)
```
#300876
```
#300876 rgb(48,8,118)
```
#370989
```
#370989 rgb(55,9,137)
```
#3f0a9b
```
#3f0a9b rgb(63,10,155)
```
#460bad
```
#460bad rgb(70,11,173)
```
#4e0dc0
```
#4e0dc0 rgb(78,13,192)
```
#550ed2
```
#550ed2 rgb(85,14,210)
```
#5d0fe5
```
#5d0fe5 rgb(93,15,229)
```

Shade Color Variation

#6618f0
```
#6618f0 rgb(102,24,240)
```
#722af1
```
#722af1 rgb(114,42,241)
```
#7e3cf2
```
#7e3cf2 rgb(126,60,242)
```
#8b4ff3
```
#8b4ff3 rgb(139,79,243)
```
#9761f5
```
#9761f5 rgb(151,97,245)
```
#a374f6
```
#a374f6 rgb(163,116,246)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#bb98f8
```
#bb98f8 rgb(187,152,248)
```
#c7abf9
```
#c7abf9 rgb(199,171,249)
```
#d3bdfb
```
#d3bdfb rgb(211,189,251)
```
#e0d0fc
```
#e0d0fc rgb(224,208,252)
```
#ece2fd
```
#ece2fd rgb(236,226,253)
```
#f8f4fe
```
#f8f4fe rgb(248,244,254)
```

Tint Color Variation

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

#bebdc0
```
#bebdc0 rgb(190,189,192)
```
#bdb8c5
```
#bdb8c5 rgb(189,184,197)
```
#bbb3ca
```
#bbb3ca rgb(187,179,202)
```
#baaecf
```
#baaecf rgb(186,174,207)
```
#b9a9d4
```
#b9a9d4 rgb(185,169,212)
```
#b7a4d9
```
#b7a4d9 rgb(183,164,217)
```
#b69fde
```
#b69fde rgb(182,159,222)
```
#b49ae3
```
#b49ae3 rgb(180,154,227)
```
#b395e8
```
#b395e8 rgb(179,149,232)
```
#b290ed
```
#b290ed rgb(178,144,237)
```
#b08bf2
```
#b08bf2 rgb(176,139,242)
```
#af86f7
```
#af86f7 rgb(175,134,247)
```
#ae81fc
```
#ae81fc rgb(174,129,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a29ab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#749dff Protanopia 1% of men
#72a0f0 Deuteranopia 1% of men
#a19faa Tritanopia 0.001% of the population

Trichromacy

#8994fc Protanomaly 1% of men, 0.01% of women
#8896f2 Deuteranomaly 6% of men, 0.4% of women
#a696c6 Tritanomaly 0.01% of the population

#af86f7 hex color

#af86f7 Color Information

#af86f7 Color Conversion

Color Schemes with #af86f7

Alternatives to #af86f7

#af86f7 Preview

Shades and Tints of #af86f7

Tones of #af86f7

Color Blindness Simulator