#d686fc hex color

In a RGB color space, hex #d686fc is composed of 83.9% red, 52.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 46.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 280.7 degrees, a saturation of 95.2% and a lightness of 75.7%. #d686fc color hex could be obtained by blending #ffffff with #ad0df9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 84
- G 53
- B 99
RGB color chart
- C 15
- M 47
- Y 0
- K 1
CMYK color chart

● #d686fc color description : Soft violet.

The hexadecimal color #d686fc has RGB values of R:214, G:134, B:252 and CMYK values of C:0.15, M:0.47, Y:0, K:0.01. Its decimal value is 14059260.

Hex triplet	d686fc	`#d686fc`
RGB Decimal	214, 134, 252	`rgb(214,134,252)`
RGB Percent	83.9, 52.5, 98.8	`rgb(83.9%,52.5%,98.8%)`
CMYK	15, 47, 0, 1
HSL	280.7°, 95.2, 75.7	`hsl(280.7,95.2%,75.7%)`
HSV (or HSB)	280.7°, 46.8, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.297, 50.32, -46.879
XYZ	53.825, 38.376, 96.662
xyY	0.285, 0.203, 38.376
CIE-LCH	68.297, 68.773, 317.027
CIE-LUV	68.297, 32.248, -82.3
Hunter-Lab	61.948, 46.683, -49.15
Binary	11010110, 10000110, 11111100

#d686fc
```
#d686fc rgb(214,134,252)
```
#acfc86
```
#acfc86 rgb(172,252,134)
```

Complementary Color

#9b86fc
```
#9b86fc rgb(155,134,252)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#fc86e7
```
#fc86e7 rgb(252,134,231)
```

Analogous Color

#86fc9b
```
#86fc9b rgb(134,252,155)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#e7fc86
```
#e7fc86 rgb(231,252,134)
```

Split Complementary Color

#86fcd6
```
#86fcd6 rgb(134,252,214)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#fcd686
```
#fcd686 rgb(252,214,134)
```

Triadic Color

#86acfc
```
#86acfc rgb(134,172,252)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#fcd686
```
#fcd686 rgb(252,214,134)
```
#acfc86
```
#acfc86 rgb(172,252,134)
```

Tetradic Color

#bd3bfa
```
#bd3bfa rgb(189,59,250)
```
#c554fb
```
#c554fb rgb(197,84,251)
```
#ce6dfb
```
#ce6dfb rgb(206,109,251)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#de9ffd
```
#de9ffd rgb(222,159,253)
```
#e7b8fd
```
#e7b8fd rgb(231,184,253)
```
#efd1fe
```
#efd1fe rgb(239,209,254)
```

Monochromatic Color

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

#b986fc
```
#b986fc rgb(185,134,252)
```
#c286fc
```
#c286fc rgb(194,134,252)
```
#cc86fc
```
#cc86fc rgb(204,134,252)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#e086fc
```
#e086fc rgb(224,134,252)
```
#ea86fc
```
#ea86fc rgb(234,134,252)
```
#f486fc
```
#f486fc rgb(244,134,252)
```

Similar Colors

Text with hexadecimal color #d686fc

This text has a font color of #d686fc.

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

#d686fc background color

This paragraph has a background color of #d686fc.

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

#d686fc border color

This element has a border color of #d686fc.

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

CSS codes

.text {color:#d686fc;}

.background {background-color:#d686fc;}

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

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, #09000d is the darkest color, while #fdf9ff is the lightest one.

#09000d
```
#09000d rgb(9,0,13)
```
#160120
```
#160120 rgb(22,1,32)
```
#230133
```
#230133 rgb(35,1,51)
```
#300246
```
#300246 rgb(48,2,70)
```
#3d025a
```
#3d025a rgb(61,2,90)
```
#4b036d
```
#4b036d rgb(75,3,109)
```
#580380
```
#580380 rgb(88,3,128)
```
#650493
```
#650493 rgb(101,4,147)
```
#7204a6
```
#7204a6 rgb(114,4,166)
```
#7f05b9
```
#7f05b9 rgb(127,5,185)
```
#8c05cc
```
#8c05cc rgb(140,5,204)
```
#9906e0
```
#9906e0 rgb(153,6,224)
```
#a606f3
```
#a606f3 rgb(166,6,243)
```

Shade Color Variation

#af13f9
```
#af13f9 rgb(175,19,249)
```
#b626fa
```
#b626fa rgb(182,38,250)
```
#bc39fa
```
#bc39fa rgb(188,57,250)
```
#c34dfb
```
#c34dfb rgb(195,77,251)
```
#c960fb
```
#c960fb rgb(201,96,251)
```
#d073fc
```
#d073fc rgb(208,115,252)
```
#d686fc
```
#d686fc rgb(214,134,252)
```
#dc99fc
```
#dc99fc rgb(220,153,252)
```
#e3acfd
```
#e3acfd rgb(227,172,253)
```
#e9bffd
```
#e9bffd rgb(233,191,253)
```
#f0d3fe
```
#f0d3fe rgb(240,211,254)
```
#f6e6fe
```
#f6e6fe rgb(246,230,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#c2bfc3
```
#c2bfc3 rgb(194,191,195)
```
#c3bac8
```
#c3bac8 rgb(195,186,200)
```
#c5b6cc
```
#c5b6cc rgb(197,182,204)
```
#c7b1d1
```
#c7b1d1 rgb(199,177,209)
```
#c8acd6
```
#c8acd6 rgb(200,172,214)
```
#caa7db
```
#caa7db rgb(202,167,219)
```
#cca3df
```
#cca3df rgb(204,163,223)
```
#ce9ee4
```
#ce9ee4 rgb(206,158,228)
```
#cf99e9
```
#cf99e9 rgb(207,153,233)
```
#d194ee
```
#d194ee rgb(209,148,238)
```
#d390f2
```
#d390f2 rgb(211,144,242)
```
#d48bf7
```
#d48bf7 rgb(212,139,247)
```
#d686fc
```
#d686fc rgb(214,134,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b4a4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a8ff Protanopia 1% of men
#8aaaf2 Deuteranopia 1% of men
#c9a0ab Tritanopia 0.001% of the population

Trichromacy

#a49bfd Protanomaly 1% of men, 0.01% of women
#a69cf5 Deuteranomaly 6% of men, 0.4% of women
#ce96c8 Tritanomaly 0.01% of the population

#d686fc hex color

#d686fc Color Information

#d686fc Color Conversion

Color Schemes with #d686fc

Alternatives to #d686fc

#d686fc Preview

Shades and Tints of #d686fc

Tones of #d686fc

Color Blindness Simulator