#ad86fb hex color

In a RGB color space, hex #ad86fb is composed of 67.8% red, 52.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 46.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 260 degrees, a saturation of 93.6% and a lightness of 75.5%. #ad86fb color hex could be obtained by blending #ffffff with #5b0df7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 68
- G 53
- B 98
RGB color chart
- C 31
- M 47
- Y 0
- K 2
CMYK color chart

● #ad86fb color description : Soft violet.

The hexadecimal color #ad86fb has RGB values of R:173, G:134, B:251 and CMYK values of C:0.31, M:0.47, Y:0, K:0.02. Its decimal value is 11372283.

Hex triplet	ad86fb	`#ad86fb`
RGB Decimal	173, 134, 251	`rgb(173,134,251)`
RGB Percent	67.8, 52.5, 98.4	`rgb(67.8%,52.5%,98.4%)`
CMYK	31, 47, 0, 2
HSL	260°, 93.6, 75.5	`hsl(260,93.6%,75.5%)`
HSV (or HSB)	260°, 46.6, 98.4
Web Safe	9999ff	`#9999ff`

CIE-LAB	64.079, 39.167, -53.269
XYZ	43.168, 32.899, 95.337
xyY	0.252, 0.192, 32.899
CIE-LCH	64.079, 66.118, 306.326
CIE-LUV	64.079, 10.041, -90.316
Hunter-Lab	57.358, 33.965, -58.398
Binary	10101101, 10000110, 11111011

#ad86fb
```
#ad86fb rgb(173,134,251)
```
#d4fb86
```
#d4fb86 rgb(212,251,134)
```

Complementary Color

#869afb
```
#869afb rgb(134,154,251)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#e886fb
```
#e886fb rgb(232,134,251)
```

Analogous Color

#9afb86
```
#9afb86 rgb(154,251,134)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#fbe886
```
#fbe886 rgb(251,232,134)
```

Split Complementary Color

#86fbad
```
#86fbad rgb(134,251,173)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#fbad86
```
#fbad86 rgb(251,173,134)
```

Triadic Color

#86d4fb
```
#86d4fb rgb(134,212,251)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#fbad86
```
#fbad86 rgb(251,173,134)
```
#d4fb86
```
#d4fb86 rgb(212,251,134)
```

Tetradic Color

#7b3cf9
```
#7b3cf9 rgb(123,60,249)
```
#8c55f9
```
#8c55f9 rgb(140,85,249)
```
#9c6dfa
```
#9c6dfa rgb(156,109,250)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#be9ffc
```
#be9ffc rgb(190,159,252)
```
#ceb7fd
```
#ceb7fd rgb(206,183,253)
```
#dfd0fd
```
#dfd0fd rgb(223,208,253)
```

Monochromatic Color

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

#9086fb
```
#9086fb rgb(144,134,251)
```
#9a86fb
```
#9a86fb rgb(154,134,251)
```
#a386fb
```
#a386fb rgb(163,134,251)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#b786fb
```
#b786fb rgb(183,134,251)
```
#c186fb
```
#c186fb rgb(193,134,251)
```
#ca86fb
```
#ca86fb rgb(202,134,251)
```

Similar Colors

Text with hexadecimal color #ad86fb

This text has a font color of #ad86fb.

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

#ad86fb background color

This paragraph has a background color of #ad86fb.

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

#ad86fb border color

This element has a border color of #ad86fb.

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

CSS codes

.text {color:#ad86fb;}

.background {background-color:#ad86fb;}

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

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, #04000c is the darkest color, while #faf8ff is the lightest one.

#04000c
```
#04000c rgb(4,0,12)
```
#0b011f
```
#0b011f rgb(11,1,31)
```
#120232
```
#120232 rgb(18,2,50)
```
#180245
```
#180245 rgb(24,2,69)
```
#1f0358
```
#1f0358 rgb(31,3,88)
```
#26046b
```
#26046b rgb(38,4,107)
```
#2d047e
```
#2d047e rgb(45,4,126)
```
#330591
```
#330591 rgb(51,5,145)
```
#3a05a4
```
#3a05a4 rgb(58,5,164)
```
#4106b7
```
#4106b7 rgb(65,6,183)
```
#4807ca
```
#4807ca rgb(72,7,202)
```
#4e07dd
```
#4e07dd rgb(78,7,221)
```
#5508f0
```
#5508f0 rgb(85,8,240)
```

Shade Color Variation

#6014f7
```
#6014f7 rgb(96,20,247)
```
#6d27f8
```
#6d27f8 rgb(109,39,248)
```
#7a3af8
```
#7a3af8 rgb(122,58,248)
```
#864df9
```
#864df9 rgb(134,77,249)
```
#9360fa
```
#9360fa rgb(147,96,250)
```
#a073fa
```
#a073fa rgb(160,115,250)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```
#ba99fc
```
#ba99fc rgb(186,153,252)
```
#c7acfc
```
#c7acfc rgb(199,172,252)
```
#d4bffd
```
#d4bffd rgb(212,191,253)
```
#e0d2fe
```
#e0d2fe rgb(224,210,254)
```
#ede5fe
```
#ede5fe rgb(237,229,254)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#c0c0c1
```
#c0c0c1 rgb(192,192,193)
```
#bfbbc6
```
#bfbbc6 rgb(191,187,198)
```
#bdb6cb
```
#bdb6cb rgb(189,182,203)
```
#bbb1d0
```
#bbb1d0 rgb(187,177,208)
```
#baacd5
```
#baacd5 rgb(186,172,213)
```
#b8a8d9
```
#b8a8d9 rgb(184,168,217)
```
#b7a3de
```
#b7a3de rgb(183,163,222)
```
#b59ee3
```
#b59ee3 rgb(181,158,227)
```
#b399e8
```
#b399e8 rgb(179,153,232)
```
#b294ed
```
#b294ed rgb(178,148,237)
```
#b090f1
```
#b090f1 rgb(176,144,241)
```
#af8bf6
```
#af8bf6 rgb(175,139,246)
```
#ad86fb
```
#ad86fb rgb(173,134,251)
```

Tone Color Variation

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

#739dff Protanopia 1% of men
#6da0f3 Deuteranopia 1% of men
#9da0ab Tritanopia 0.001% of the population

Trichromacy

#8894fd Protanomaly 1% of men, 0.01% of women
#8497f6 Deuteranomaly 6% of men, 0.4% of women
#a396c8 Tritanomaly 0.01% of the population

#ad86fb hex color

#ad86fb Color Information

#ad86fb Color Conversion

Color Schemes with #ad86fb

Alternatives to #ad86fb

#ad86fb Preview

Shades and Tints of #ad86fb

Tones of #ad86fb

Color Blindness Simulator