#d686ed hex color

In a RGB color space, hex #d686ed is composed of 83.9% red, 52.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 43.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 286.6 degrees, a saturation of 74.1% and a lightness of 72.7%. #d686ed color hex could be obtained by blending #ffffff with #ad0ddb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 84
- G 53
- B 93
RGB color chart
- C 10
- M 43
- Y 0
- K 7
CMYK color chart

● #d686ed color description : Very soft magenta.

The hexadecimal color #d686ed has RGB values of R:214, G:134, B:237 and CMYK values of C:0.1, M:0.43, Y:0, K:0.07. Its decimal value is 14059245.

Hex triplet	d686ed	`#d686ed`
RGB Decimal	214, 134, 237	`rgb(214,134,237)`
RGB Percent	83.9, 52.5, 92.9	`rgb(83.9%,52.5%,92.9%)`
CMYK	10, 43, 0, 7
HSL	286.6°, 74.1, 72.7	`hsl(286.6,74.1%,72.7%)`
HSV (or HSB)	286.6°, 43.5, 92.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.622, 47.29, -39.712
XYZ	51.541, 37.462, 84.632
xyY	0.297, 0.216, 37.462
CIE-LCH	67.622, 61.753, 319.978
CIE-LUV	67.622, 35.029, -69.994
Hunter-Lab	61.206, 43.2, -39.138
Binary	11010110, 10000110, 11101101

#d686ed
```
#d686ed rgb(214,134,237)
```
#9ded86
```
#9ded86 rgb(157,237,134)
```

Complementary Color

#a386ed
```
#a386ed rgb(163,134,237)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#ed86d1
```
#ed86d1 rgb(237,134,209)
```

Analogous Color

#86eda3
```
#86eda3 rgb(134,237,163)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#d1ed86
```
#d1ed86 rgb(209,237,134)
```

Split Complementary Color

#86edd6
```
#86edd6 rgb(134,237,214)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#edd686
```
#edd686 rgb(237,214,134)
```

Triadic Color

#869ded
```
#869ded rgb(134,157,237)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#edd686
```
#edd686 rgb(237,214,134)
```
#9ded86
```
#9ded86 rgb(157,237,134)
```

Tetradic Color

#bf43e3
```
#bf43e3 rgb(191,67,227)
```
#c75ae6
```
#c75ae6 rgb(199,90,230)
```
#ce70ea
```
#ce70ea rgb(206,112,234)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#de9cf0
```
#de9cf0 rgb(222,156,240)
```
#e5b2f4
```
#e5b2f4 rgb(229,178,244)
```
#edc9f7
```
#edc9f7 rgb(237,201,247)
```

Monochromatic Color

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

#bc86ed
```
#bc86ed rgb(188,134,237)
```
#c586ed
```
#c586ed rgb(197,134,237)
```
#cd86ed
```
#cd86ed rgb(205,134,237)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#df86ed
```
#df86ed rgb(223,134,237)
```
#e786ed
```
#e786ed rgb(231,134,237)
```
#ed86ea
```
#ed86ea rgb(237,134,234)
```

Similar Colors

Text with hexadecimal color #d686ed

This text has a font color of #d686ed.

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

#d686ed background color

This paragraph has a background color of #d686ed.

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

#d686ed border color

This element has a border color of #d686ed.

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

CSS codes

.text {color:#d686ed;}

.background {background-color:#d686ed;}

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

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, #0d0210 is the darkest color, while #fffeff is the lightest one.

#0d0210
```
#0d0210 rgb(13,2,16)
```
#1a0521
```
#1a0521 rgb(26,5,33)
```
#280732
```
#280732 rgb(40,7,50)
```
#360a43
```
#360a43 rgb(54,10,67)
```
#440c54
```
#440c54 rgb(68,12,84)
```
#520f65
```
#520f65 rgb(82,15,101)
```
#601276
```
#601276 rgb(96,18,118)
```
#6d1487
```
#6d1487 rgb(109,20,135)
```
#7b1798
```
#7b1798 rgb(123,23,152)
```
#8919a9
```
#8919a9 rgb(137,25,169)
```
#971cba
```
#971cba rgb(151,28,186)
```
#a51ecb
```
#a51ecb rgb(165,30,203)
```
#b321dd
```
#b321dd rgb(179,33,221)
```

Shade Color Variation

#b931e0
```
#b931e0 rgb(185,49,224)
```
#bf42e3
```
#bf42e3 rgb(191,66,227)
```
#c553e5
```
#c553e5 rgb(197,83,229)
```
#ca64e8
```
#ca64e8 rgb(202,100,232)
```
#d075ea
```
#d075ea rgb(208,117,234)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#dc97f0
```
#dc97f0 rgb(220,151,240)
```
#e2a8f2
```
#e2a8f2 rgb(226,168,242)
```
#e7b9f5
```
#e7b9f5 rgb(231,185,245)
```
#edcaf7
```
#edcaf7 rgb(237,202,247)
```
#f3dbfa
```
#f3dbfa rgb(243,219,250)
```
#f9ecfc
```
#f9ecfc rgb(249,236,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#bbb6bd
```
#bbb6bd rgb(187,182,189)
```
#beb1c2
```
#beb1c2 rgb(190,177,194)
```
#c1abc8
```
#c1abc8 rgb(193,171,200)
```
#c4a6cd
```
#c4a6cd rgb(196,166,205)
```
#c7a1d2
```
#c7a1d2 rgb(199,161,210)
```
#ca9bd8
```
#ca9bd8 rgb(202,155,216)
```
#cd96dd
```
#cd96dd rgb(205,150,221)
```
#d091e2
```
#d091e2 rgb(208,145,226)
```
#d38be8
```
#d38be8 rgb(211,139,232)
```
#d686ed
```
#d686ed rgb(214,134,237)
```
#d981f2
```
#d981f2 rgb(217,129,242)
```
#dc7bf8
```
#dc7bf8 rgb(220,123,248)
```
#df76fd
```
#df76fd rgb(223,118,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b3a3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a6ff Protanopia 1% of men
#93a7e5 Deuteranopia 1% of men
#cc9ca7 Tritanopia 0.001% of the population

Trichromacy

#a29af8 Protanomaly 1% of men, 0.01% of women
#ab9be8 Deuteranomaly 6% of men, 0.4% of women
#cf94c1 Tritanomaly 0.01% of the population

#d686ed hex color

#d686ed Color Information

#d686ed Color Conversion

Color Schemes with #d686ed

Alternatives to #d686ed

#d686ed Preview

Shades and Tints of #d686ed

Tones of #d686ed

Color Blindness Simulator