#ad86f7 hex color

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

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

● #ad86f7 color description : Soft violet.

The hexadecimal color #ad86f7 has RGB values of R:173, G:134, B:247 and CMYK values of C:0.3, M:0.46, Y:0, K:0.03. Its decimal value is 11372279.

Hex triplet	ad86f7	`#ad86f7`
RGB Decimal	173, 134, 247	`rgb(173,134,247)`
RGB Percent	67.8, 52.5, 96.9	`rgb(67.8%,52.5%,96.9%)`
CMYK	30, 46, 0, 3
HSL	260.7°, 87.6, 74.7	`hsl(260.7,87.6%,74.7%)`
HSV (or HSB)	260.7°, 45.7, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.876, 38.182, -51.394
XYZ	42.544, 32.65, 92.051
xyY	0.254, 0.195, 32.65
CIE-LCH	63.876, 64.025, 306.609
CIE-LUV	63.876, 10.512, -87.077
Hunter-Lab	57.14, 32.909, -55.517
Binary	10101101, 10000110, 11110111

#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#d0f786
```
#d0f786 rgb(208,247,134)
```

Complementary Color

#8698f7
```
#8698f7 rgb(134,152,247)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#e686f7
```
#e686f7 rgb(230,134,247)
```

Analogous Color

#98f786
```
#98f786 rgb(152,247,134)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#f7e686
```
#f7e686 rgb(247,230,134)
```

Split Complementary Color

#86f7ad
```
#86f7ad rgb(134,247,173)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#f7ad86
```
#f7ad86 rgb(247,173,134)
```

Triadic Color

#86d0f7
```
#86d0f7 rgb(134,208,247)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#f7ad86
```
#f7ad86 rgb(247,173,134)
```
#d0f786
```
#d0f786 rgb(208,247,134)
```

Tetradic Color

#7c3ef2
```
#7c3ef2 rgb(124,62,242)
```
#8d56f4
```
#8d56f4 rgb(141,86,244)
```
#9d6ef5
```
#9d6ef5 rgb(157,110,245)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#bd9ef9
```
#bd9ef9 rgb(189,158,249)
```
#cdb6fa
```
#cdb6fa rgb(205,182,250)
```
#decefc
```
#decefc rgb(222,206,252)
```

Monochromatic Color

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

#9186f7
```
#9186f7 rgb(145,134,247)
```
#9a86f7
```
#9a86f7 rgb(154,134,247)
```
#a486f7
```
#a486f7 rgb(164,134,247)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#b686f7
```
#b686f7 rgb(182,134,247)
```
#c086f7
```
#c086f7 rgb(192,134,247)
```
#c986f7
```
#c986f7 rgb(201,134,247)
```

Similar Colors

Text with hexadecimal color #ad86f7

This text has a font color of #ad86f7.

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

#ad86f7 background color

This paragraph has a background color of #ad86f7.

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

#ad86f7 border color

This element has a border color of #ad86f7.

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

CSS codes

.text {color:#ad86f7;}

.background {background-color:#ad86f7;}

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

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)
```
#0a021a
```
#0a021a rgb(10,2,26)
```
#11032d
```
#11032d rgb(17,3,45)
```
#18043f
```
#18043f rgb(24,4,63)
```
#200551
```
#200551 rgb(32,5,81)
```
#270764
```
#270764 rgb(39,7,100)
```
#2e0876
```
#2e0876 rgb(46,8,118)
```
#350989
```
#350989 rgb(53,9,137)
```
#3c0a9b
```
#3c0a9b rgb(60,10,155)
```
#430bad
```
#430bad rgb(67,11,173)
```
#4a0dc0
```
#4a0dc0 rgb(74,13,192)
```
#520ed2
```
#520ed2 rgb(82,14,210)
```
#590fe5
```
#590fe5 rgb(89,15,229)
```

Shade Color Variation

#6218f0
```
#6218f0 rgb(98,24,240)
```
#6f2af1
```
#6f2af1 rgb(111,42,241)
```
#7b3cf2
```
#7b3cf2 rgb(123,60,242)
```
#884ff3
```
#884ff3 rgb(136,79,243)
```
#9461f5
```
#9461f5 rgb(148,97,245)
```
#a174f6
```
#a174f6 rgb(161,116,246)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#b998f8
```
#b998f8 rgb(185,152,248)
```
#c6abf9
```
#c6abf9 rgb(198,171,249)
```
#d2bdfb
```
#d2bdfb rgb(210,189,251)
```
#dfd0fc
```
#dfd0fc rgb(223,208,252)
```
#ebe2fd
```
#ebe2fd rgb(235,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 #ab81fc is the most saturated one.

#bebdc0
```
#bebdc0 rgb(190,189,192)
```
#bcb8c5
```
#bcb8c5 rgb(188,184,197)
```
#bbb3ca
```
#bbb3ca rgb(187,179,202)
```
#b9aecf
```
#b9aecf rgb(185,174,207)
```
#b8a9d4
```
#b8a9d4 rgb(184,169,212)
```
#b6a4d9
```
#b6a4d9 rgb(182,164,217)
```
#b59fde
```
#b59fde rgb(181,159,222)
```
#b39ae3
```
#b39ae3 rgb(179,154,227)
```
#b295e8
```
#b295e8 rgb(178,149,232)
```
#b090ed
```
#b090ed rgb(176,144,237)
```
#af8bf2
```
#af8bf2 rgb(175,139,242)
```
#ad86f7
```
#ad86f7 rgb(173,134,247)
```
#ab81fc
```
#ab81fc rgb(171,129,252)
```

Tone Color Variation

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

#739cff Protanopia 1% of men
#71a0f0 Deuteranopia 1% of men
#9e9faa Tritanopia 0.001% of the population

Trichromacy

#8894fc Protanomaly 1% of men, 0.01% of women
#8696f2 Deuteranomaly 6% of men, 0.4% of women
#a496c6 Tritanomaly 0.01% of the population

#ad86f7 hex color

#ad86f7 Color Information

#ad86f7 Color Conversion

Color Schemes with #ad86f7

Alternatives to #ad86f7

#ad86f7 Preview

Shades and Tints of #ad86f7

Tones of #ad86f7

Color Blindness Simulator