#c686dc hex color

In a RGB color space, hex #c686dc is composed of 77.6% red, 52.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 39.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 284.7 degrees, a saturation of 55.1% and a lightness of 69.4%. #c686dc color hex could be obtained by blending #ffffff with #8d0db9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 78
- G 53
- B 86
RGB color chart
- C 10
- M 39
- Y 0
- K 14
CMYK color chart

● #c686dc color description : Very soft violet.

The hexadecimal color #c686dc has RGB values of R:198, G:134, B:220 and CMYK values of C:0.1, M:0.39, Y:0, K:0.14. Its decimal value is 13010652.

Hex triplet	c686dc	`#c686dc`
RGB Decimal	198, 134, 220	`rgb(198,134,220)`
RGB Percent	77.6, 52.5, 86.3	`rgb(77.6%,52.5%,86.3%)`
CMYK	10, 39, 0, 14
HSL	284.7°, 55.1, 69.4	`hsl(284.7,55.1%,69.4%)`
HSV (or HSB)	284.7°, 39.1, 86.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	65.14, 39.175, -34.31
XYZ	44.73, 34.224, 71.956
xyY	0.296, 0.227, 34.224
CIE-LCH	65.14, 52.076, 318.788
CIE-LUV	65.14, 28.229, -59.582
Hunter-Lab	58.502, 34.103, -31.974
Binary	11000110, 10000110, 11011100

#c686dc
```
#c686dc rgb(198,134,220)
```
#9cdc86
```
#9cdc86 rgb(156,220,134)
```

Complementary Color

#9b86dc
```
#9b86dc rgb(155,134,220)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#dc86c7
```
#dc86c7 rgb(220,134,199)
```

Analogous Color

#86dc9b
```
#86dc9b rgb(134,220,155)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#c7dc86
```
#c7dc86 rgb(199,220,134)
```

Split Complementary Color

#86dcc6
```
#86dcc6 rgb(134,220,198)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#dcc686
```
#dcc686 rgb(220,198,134)
```

Triadic Color

#869cdc
```
#869cdc rgb(134,156,220)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#dcc686
```
#dcc686 rgb(220,198,134)
```
#9cdc86
```
#9cdc86 rgb(156,220,134)
```

Tetradic Color

#aa4bcb
```
#aa4bcb rgb(170,75,203)
```
#b35ed1
```
#b35ed1 rgb(179,94,209)
```
#bd72d6
```
#bd72d6 rgb(189,114,214)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#cf9ae2
```
#cf9ae2 rgb(207,154,226)
```
#d9aee7
```
#d9aee7 rgb(217,174,231)
```
#e2c1ed
```
#e2c1ed rgb(226,193,237)
```

Monochromatic Color

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

#b186dc
```
#b186dc rgb(177,134,220)
```
#b886dc
```
#b886dc rgb(184,134,220)
```
#bf86dc
```
#bf86dc rgb(191,134,220)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#cd86dc
```
#cd86dc rgb(205,134,220)
```
#d486dc
```
#d486dc rgb(212,134,220)
```
#dc86dc
```
#dc86dc rgb(220,134,220)
```

Similar Colors

Text with hexadecimal color #c686dc

This text has a font color of #c686dc.

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

#c686dc background color

This paragraph has a background color of #c686dc.

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

#c686dc border color

This element has a border color of #c686dc.

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

CSS codes

.text {color:#c686dc;}

.background {background-color:#c686dc;}

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

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, #010001 is the darkest color, while #f8f1fb is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#0d0510
```
#0d0510 rgb(13,5,16)
```
#19091f
```
#19091f rgb(25,9,31)
```
#260d2e
```
#260d2e rgb(38,13,46)
```
#32123e
```
#32123e rgb(50,18,62)
```
#3f164d
```
#3f164d rgb(63,22,77)
```
#4b1b5c
```
#4b1b5c rgb(75,27,92)
```
#581f6b
```
#581f6b rgb(88,31,107)
```
#64237a
```
#64237a rgb(100,35,122)
```
#71288a
```
#71288a rgb(113,40,138)
```
#7d2c99
```
#7d2c99 rgb(125,44,153)
```
#8a31a8
```
#8a31a8 rgb(138,49,168)
```
#9635b7
```
#9635b7 rgb(150,53,183)
```

Shade Color Variation

#a23ac6
```
#a23ac6 rgb(162,58,198)
```
#a949ca
```
#a949ca rgb(169,73,202)
```
#b058cf
```
#b058cf rgb(176,88,207)
```
#b868d3
```
#b868d3 rgb(184,104,211)
```
#bf77d8
```
#bf77d8 rgb(191,119,216)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#cd95e0
```
#cd95e0 rgb(205,149,224)
```
#d4a4e5
```
#d4a4e5 rgb(212,164,229)
```
#dcb4e9
```
#dcb4e9 rgb(220,180,233)
```
#e3c3ee
```
#e3c3ee rgb(227,195,238)
```
#ead2f2
```
#ead2f2 rgb(234,210,242)
```
#f1e1f6
```
#f1e1f6 rgb(241,225,246)
```
#f8f1fb
```
#f8f1fb rgb(248,241,251)
```

Tint Color Variation

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

#b1b0b2
```
#b1b0b2 rgb(177,176,178)
```
#b4aab8
```
#b4aab8 rgb(180,170,184)
```
#b7a4be
```
#b7a4be rgb(183,164,190)
```
#ba9ec4
```
#ba9ec4 rgb(186,158,196)
```
#bd98ca
```
#bd98ca rgb(189,152,202)
```
#c092d0
```
#c092d0 rgb(192,146,208)
```
#c38cd6
```
#c38cd6 rgb(195,140,214)
```
#c686dc
```
#c686dc rgb(198,134,220)
```
#c980e2
```
#c980e2 rgb(201,128,226)
```
#cc7ae8
```
#cc7ae8 rgb(204,122,232)
```
#cf74ee
```
#cf74ee rgb(207,116,238)
```
#d26ef4
```
#d26ef4 rgb(210,110,244)
```
#d568fa
```
#d568fa rgb(213,104,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#aa9dae Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a0ec Protanopia 1% of men
#93a1d7 Deuteranopia 1% of men
#bf99a4 Tritanopia 0.001% of the population

Trichromacy

#9d96e6 Protanomaly 1% of men, 0.01% of women
#a597d8 Deuteranomaly 6% of men, 0.4% of women
#c192b8 Tritanomaly 0.01% of the population

#c686dc hex color

#c686dc Color Information

#c686dc Color Conversion

Color Schemes with #c686dc

Alternatives to #c686dc

#c686dc Preview

Shades and Tints of #c686dc

Tones of #c686dc

Color Blindness Simulator