#cc9686 hex color

In a RGB color space, hex #cc9686 is composed of 80% red, 58.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 34.3% yellow and 20% black. It has a hue angle of 13.7 degrees, a saturation of 40.7% and a lightness of 66.3%. #cc9686 color hex could be obtained by blending #ffffff with #992d0d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 59
- B 53
RGB color chart
- C 0
- M 26
- Y 34
- K 20
CMYK color chart

● #cc9686 color description : Slightly desaturated red.

The hexadecimal color #cc9686 has RGB values of R:204, G:150, B:134 and CMYK values of C:0, M:0.26, Y:0.34, K:0.2. Its decimal value is 13407878.

Hex triplet	cc9686	`#cc9686`
RGB Decimal	204, 150, 134	`rgb(204,150,134)`
RGB Percent	80, 58.8, 52.5	`rgb(80%,58.8%,52.5%)`
CMYK	0, 26, 34, 20
HSL	13.7°, 40.7, 66.3	`hsl(13.7,40.7%,66.3%)`
HSV (or HSB)	13.7°, 34.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	66.804, 18.128, 16.404
XYZ	40.111, 36.373, 27.461
xyY	0.386, 0.35, 36.373
CIE-LCH	66.804, 24.448, 42.142
CIE-LUV	66.804, 36.748, 18.805
Hunter-Lab	60.31, 13.175, 15.221
Binary	11001100, 10010110, 10000110

#cc9686
```
#cc9686 rgb(204,150,134)
```
#86bccc
```
#86bccc rgb(134,188,204)
```

Complementary Color

#cc8699
```
#cc8699 rgb(204,134,153)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#ccb986
```
#ccb986 rgb(204,185,134)
```

Analogous Color

#8699cc
```
#8699cc rgb(134,153,204)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#86ccb9
```
#86ccb9 rgb(134,204,185)
```

Split Complementary Color

#9686cc
```
#9686cc rgb(150,134,204)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```

Triadic Color

#cc86bc
```
#cc86bc rgb(204,134,188)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#86bccc
```
#86bccc rgb(134,188,204)
```

Tetradic Color

#b56750
```
#b56750 rgb(181,103,80)
```
#bd7762
```
#bd7762 rgb(189,119,98)
```
#c48674
```
#c48674 rgb(196,134,116)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#d4a698
```
#d4a698 rgb(212,166,152)
```
#dbb5aa
```
#dbb5aa rgb(219,181,170)
```
#e3c5bc
```
#e3c5bc rgb(227,197,188)
```

Monochromatic Color

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

#cc8688
```
#cc8688 rgb(204,134,136)
```
#cc8a86
```
#cc8a86 rgb(204,138,134)
```
#cc9086
```
#cc9086 rgb(204,144,134)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#cc9c86
```
#cc9c86 rgb(204,156,134)
```
#cca286
```
#cca286 rgb(204,162,134)
```
#cca886
```
#cca886 rgb(204,168,134)
```

Similar Colors

Text with hexadecimal color #cc9686

This text has a font color of #cc9686.

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

#cc9686 background color

This paragraph has a background color of #cc9686.

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

#cc9686 border color

This element has a border color of #cc9686.

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

CSS codes

.text {color:#cc9686;}

.background {background-color:#cc9686;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110907
```
#110907 rgb(17,9,7)
```
#1f110d
```
#1f110d rgb(31,17,13)
```
#2d1913
```
#2d1913 rgb(45,25,19)
```
#3a2019
```
#3a2019 rgb(58,32,25)
```
#48281e
```
#48281e rgb(72,40,30)
```
#563024
```
#563024 rgb(86,48,36)
```
#64372a
```
#64372a rgb(100,55,42)
```
#723f30
```
#723f30 rgb(114,63,48)
```
#7f4736
```
#7f4736 rgb(127,71,54)
```
#8d4e3c
```
#8d4e3c rgb(141,78,60)
```
#9b5641
```
#9b5641 rgb(155,86,65)
```
#a95d47
```
#a95d47 rgb(169,93,71)
```

Shade Color Variation

#b5664f
```
#b5664f rgb(181,102,79)
```
#bb725d
```
#bb725d rgb(187,114,93)
```
#c07e6a
```
#c07e6a rgb(192,126,106)
```
#c68a78
```
#c68a78 rgb(198,138,120)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#d2a294
```
#d2a294 rgb(210,162,148)
```
#d8aea2
```
#d8aea2 rgb(216,174,162)
```
#ddbaaf
```
#ddbaaf rgb(221,186,175)
```
#e3c6bd
```
#e3c6bd rgb(227,198,189)
```
#e9d2cb
```
#e9d2cb rgb(233,210,203)
```
#efded9
```
#efded9 rgb(239,222,217)
```
#f5eae7
```
#f5eae7 rgb(245,234,231)
```
#fbf6f4
```
#fbf6f4 rgb(251,246,244)
```

Tint Color Variation

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

#aba8a7
```
#aba8a7 rgb(171,168,167)
```
#b2a4a0
```
#b2a4a0 rgb(178,164,160)
```
#b8a19a
```
#b8a19a rgb(184,161,154)
```
#bf9d93
```
#bf9d93 rgb(191,157,147)
```
#c59a8d
```
#c59a8d rgb(197,154,141)
```
#cc9686
```
#cc9686 rgb(204,150,134)
```
#d3927f
```
#d3927f rgb(211,146,127)
```
#d98f79
```
#d98f79 rgb(217,143,121)
```
#e08b72
```
#e08b72 rgb(224,139,114)
```
#e6886c
```
#e6886c rgb(230,136,108)
```
#ed8465
```
#ed8465 rgb(237,132,101)
```
#f4805e
```
#f4805e rgb(244,128,94)
```
#fa7d58
```
#fa7d58 rgb(250,125,88)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aca19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa691 Protanopia 1% of men
#c0a18a Deuteranopia 1% of men
#d198a2 Tritanopia 0.001% of the population

Trichromacy

#b9a08d Protanomaly 1% of men, 0.01% of women
#c49d88 Deuteranomaly 6% of men, 0.4% of women
#cf9798 Tritanomaly 0.01% of the population

#cc9686 hex color

#cc9686 Color Information

#cc9686 Color Conversion

Color Schemes with #cc9686

Alternatives to #cc9686

#cc9686 Preview

Shades and Tints of #cc9686

Tones of #cc9686

Color Blindness Simulator