#d686c5 hex color

In a RGB color space, hex #d686c5 is composed of 83.9% red, 52.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.4% magenta, 7.9% yellow and 16.1% black. It has a hue angle of 312.8 degrees, a saturation of 49.4% and a lightness of 68.2%. #d686c5 color hex could be obtained by blending #ffffff with #ad0d8b. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 84
- G 53
- B 77
RGB color chart
- C 0
- M 37
- Y 8
- K 16
CMYK color chart

● #d686c5 color description : Slightly desaturated magenta.

The hexadecimal color #d686c5 has RGB values of R:214, G:134, B:197 and CMYK values of C:0, M:0.37, Y:0.08, K:0.16. Its decimal value is 14059205.

Hex triplet	d686c5	`#d686c5`
RGB Decimal	214, 134, 197	`rgb(214,134,197)`
RGB Percent	83.9, 52.5, 77.3	`rgb(83.9%,52.5%,77.3%)`
CMYK	0, 37, 8, 16
HSL	312.8°, 49.4, 68.2	`hsl(312.8,49.4%,68.2%)`
HSV (or HSB)	312.8°, 37.4, 83.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.043, 39.877, -19.932
XYZ	46.334, 35.38, 57.209
xyY	0.334, 0.255, 35.38
CIE-LCH	66.043, 44.581, 333.443
CIE-LUV	66.043, 42.686, -36.934
Hunter-Lab	59.481, 34.955, -15.389
Binary	11010110, 10000110, 11000101

#d686c5
```
#d686c5 rgb(214,134,197)
```
#86d697
```
#86d697 rgb(134,214,151)
```

Complementary Color

#bf86d6
```
#bf86d6 rgb(191,134,214)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#d6869d
```
#d6869d rgb(214,134,157)
```

Analogous Color

#86d6bf
```
#86d6bf rgb(134,214,191)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#9dd686
```
#9dd686 rgb(157,214,134)
```

Split Complementary Color

#86c5d6
```
#86c5d6 rgb(134,197,214)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#c5d686
```
#c5d686 rgb(197,214,134)
```

Triadic Color

#9786d6
```
#9786d6 rgb(151,134,214)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#c5d686
```
#c5d686 rgb(197,214,134)
```
#86d697
```
#86d697 rgb(134,214,151)
```

Tetradic Color

#c34daa
```
#c34daa rgb(195,77,170)
```
#c960b3
```
#c960b3 rgb(201,96,179)
```
#d073bc
```
#d073bc rgb(208,115,188)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#dc99ce
```
#dc99ce rgb(220,153,206)
```
#e3acd7
```
#e3acd7 rgb(227,172,215)
```
#e9bfe0
```
#e9bfe0 rgb(233,191,224)
```

Monochromatic Color

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

#d386d6
```
#d386d6 rgb(211,134,214)
```
#d686d2
```
#d686d2 rgb(214,134,210)
```
#d686cc
```
#d686cc rgb(214,134,204)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#d686be
```
#d686be rgb(214,134,190)
```
#d686b8
```
#d686b8 rgb(214,134,184)
```
#d686b1
```
#d686b1 rgb(214,134,177)
```

Similar Colors

Text with hexadecimal color #d686c5

This text has a font color of #d686c5.

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

#d686c5 background color

This paragraph has a background color of #d686c5.

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

#d686c5 border color

This element has a border color of #d686c5.

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

CSS codes

.text {color:#d686c5;}

.background {background-color:#d686c5;}

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

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

#0b0409
```
#0b0409 rgb(11,4,9)
```
#1a0916
```
#1a0916 rgb(26,9,22)
```
#280e23
```
#280e23 rgb(40,14,35)
```
#37132f
```
#37132f rgb(55,19,47)
```
#45183c
```
#45183c rgb(69,24,60)
```
#541d48
```
#541d48 rgb(84,29,72)
```
#632155
```
#632155 rgb(99,33,85)
```
#712661
```
#712661 rgb(113,38,97)
```
#802b6e
```
#802b6e rgb(128,43,110)
```
#8f307b
```
#8f307b rgb(143,48,123)
```
#9d3587
```
#9d3587 rgb(157,53,135)
```
#ac3a94
```
#ac3a94 rgb(172,58,148)
```
#bb3fa0
```
#bb3fa0 rgb(187,63,160)
```

Shade Color Variation

#c24ba9
```
#c24ba9 rgb(194,75,169)
```
#c75ab0
```
#c75ab0 rgb(199,90,176)
```
#cc69b7
```
#cc69b7 rgb(204,105,183)
```
#d177be
```
#d177be rgb(209,119,190)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#db95cc
```
#db95cc rgb(219,149,204)
```
#e0a3d3
```
#e0a3d3 rgb(224,163,211)
```
#e5b2da
```
#e5b2da rgb(229,178,218)
```
#eac1e1
```
#eac1e1 rgb(234,193,225)
```
#efcfe8
```
#efcfe8 rgb(239,207,232)
```
#f4deef
```
#f4deef rgb(244,222,239)
```
#f9edf6
```
#f9edf6 rgb(249,237,246)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#b1abb0
```
#b1abb0 rgb(177,171,176)
```
#b7a5b3
```
#b7a5b3 rgb(183,165,179)
```
#bd9fb7
```
#bd9fb7 rgb(189,159,183)
```
#c399ba
```
#c399ba rgb(195,153,186)
```
#ca92be
```
#ca92be rgb(202,146,190)
```
#d08cc1
```
#d08cc1 rgb(208,140,193)
```
#d686c5
```
#d686c5 rgb(214,134,197)
```
#dc80c9
```
#dc80c9 rgb(220,128,201)
```
#e27acc
```
#e27acc rgb(226,122,204)
```
#e973d0
```
#e973d0 rgb(233,115,208)
```
#ef6dd3
```
#ef6dd3 rgb(239,109,211)
```
#f567d7
```
#f567d7 rgb(245,103,215)
```
#fb61da
```
#fb61da rgb(251,97,218)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#af9fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a3d6 Protanopia 1% of men
#a6a1c1 Deuteranopia 1% of men
#d2949f Tritanopia 0.001% of the population

Trichromacy

#ad98d0 Protanomaly 1% of men, 0.01% of women
#b797c2 Deuteranomaly 6% of men, 0.4% of women
#d38fac Tritanomaly 0.01% of the population

#d686c5 hex color

#d686c5 Color Information

#d686c5 Color Conversion

Color Schemes with #d686c5

Alternatives to #d686c5

#d686c5 Preview

Shades and Tints of #d686c5

Tones of #d686c5

Color Blindness Simulator