#cc8986 hex color

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

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

● #cc8986 color description : Slightly desaturated red.

The hexadecimal color #cc8986 has RGB values of R:204, G:137, B:134 and CMYK values of C:0, M:0.33, Y:0.34, K:0.2. Its decimal value is 13404550.

Hex triplet	cc8986	`#cc8986`
RGB Decimal	204, 137, 134	`rgb(204,137,134)`
RGB Percent	80, 53.7, 52.5	`rgb(80%,53.7%,52.5%)`
CMYK	0, 33, 34, 20
HSL	2.6°, 40.7, 66.3	`hsl(2.6,40.7%,66.3%)`
HSV (or HSB)	2.6°, 34.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	63.715, 25.231, 12.088
XYZ	38.151, 32.452, 26.807
xyY	0.392, 0.333, 32.452
CIE-LCH	63.715, 27.977, 25.599
CIE-LUV	63.715, 44.934, 11.711
Hunter-Lab	56.967, 19.85, 11.976
Binary	11001100, 10001001, 10000110

#cc8986
```
#cc8986 rgb(204,137,134)
```
#86c9cc
```
#86c9cc rgb(134,201,204)
```

Complementary Color

#cc86a6
```
#cc86a6 rgb(204,134,166)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#ccac86
```
#ccac86 rgb(204,172,134)
```

Analogous Color

#86a6cc
```
#86a6cc rgb(134,166,204)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#86ccac
```
#86ccac rgb(134,204,172)
```

Split Complementary Color

#8986cc
```
#8986cc rgb(137,134,204)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#86cc89
```
#86cc89 rgb(134,204,137)
```

Triadic Color

#cc86c9
```
#cc86c9 rgb(204,134,201)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#86cc89
```
#86cc89 rgb(134,204,137)
```
#86c9cc
```
#86c9cc rgb(134,201,204)
```

Tetradic Color

#b55550
```
#b55550 rgb(181,85,80)
```
#bd6662
```
#bd6662 rgb(189,102,98)
```
#c47874
```
#c47874 rgb(196,120,116)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#d49a98
```
#d49a98 rgb(212,154,152)
```
#dbacaa
```
#dbacaa rgb(219,172,170)
```
#e3bdbc
```
#e3bdbc rgb(227,189,188)
```

Monochromatic Color

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

#cc8695
```
#cc8695 rgb(204,134,149)
```
#cc868f
```
#cc868f rgb(204,134,143)
```
#cc8689
```
#cc8689 rgb(204,134,137)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#cc8f86
```
#cc8f86 rgb(204,143,134)
```
#cc9586
```
#cc9586 rgb(204,149,134)
```
#cc9b86
```
#cc9b86 rgb(204,155,134)
```

Similar Colors

Text with hexadecimal color #cc8986

This text has a font color of #cc8986.

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

#cc8986 background color

This paragraph has a background color of #cc8986.

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

#cc8986 border color

This element has a border color of #cc8986.

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

CSS codes

.text {color:#cc8986;}

.background {background-color:#cc8986;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#110807
```
#110807 rgb(17,8,7)
```
#1f0e0d
```
#1f0e0d rgb(31,14,13)
```
#2d1413
```
#2d1413 rgb(45,20,19)
```
#3a1a19
```
#3a1a19 rgb(58,26,25)
```
#48201e
```
#48201e rgb(72,32,30)
```
#562624
```
#562624 rgb(86,38,36)
```
#642d2a
```
#642d2a rgb(100,45,42)
```
#723330
```
#723330 rgb(114,51,48)
```
#7f3936
```
#7f3936 rgb(127,57,54)
```
#8d3f3c
```
#8d3f3c rgb(141,63,60)
```
#9b4541
```
#9b4541 rgb(155,69,65)
```
#a94b47
```
#a94b47 rgb(169,75,71)
```

Shade Color Variation

#b5534f
```
#b5534f rgb(181,83,79)
```
#bb615d
```
#bb615d rgb(187,97,93)
```
#c06e6a
```
#c06e6a rgb(192,110,106)
```
#c67c78
```
#c67c78 rgb(198,124,120)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#d29694
```
#d29694 rgb(210,150,148)
```
#d8a4a2
```
#d8a4a2 rgb(216,164,162)
```
#ddb1af
```
#ddb1af rgb(221,177,175)
```
#e3bfbd
```
#e3bfbd rgb(227,191,189)
```
#e9cccb
```
#e9cccb rgb(233,204,203)
```
#efdad9
```
#efdad9 rgb(239,218,217)
```
#f5e7e7
```
#f5e7e7 rgb(245,231,231)
```
#fbf5f4
```
#fbf5f4 rgb(251,245,244)
```

Tint Color Variation

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

#aba7a7
```
#aba7a7 rgb(171,167,167)
```
#b2a1a0
```
#b2a1a0 rgb(178,161,160)
```
#b89b9a
```
#b89b9a rgb(184,155,154)
```
#bf9593
```
#bf9593 rgb(191,149,147)
```
#c58f8d
```
#c58f8d rgb(197,143,141)
```
#cc8986
```
#cc8986 rgb(204,137,134)
```
#d3837f
```
#d3837f rgb(211,131,127)
```
#d97d79
```
#d97d79 rgb(217,125,121)
```
#e07772
```
#e07772 rgb(224,119,114)
```
#e6716c
```
#e6716c rgb(230,113,108)
```
#ed6b65
```
#ed6b65 rgb(237,107,101)
```
#f4655e
```
#f4655e rgb(244,101,94)
```
#fa5f58
```
#fa5f58 rgb(250,95,88)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a69998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59e93 Protanopia 1% of men
#b69989 Deuteranopia 1% of men
#cf8d97 Tritanopia 0.001% of the population

Trichromacy

#b3968e Protanomaly 1% of men, 0.01% of women
#be9388 Deuteranomaly 6% of men, 0.4% of women
#ce8b90 Tritanomaly 0.01% of the population

#cc8986 hex color

#cc8986 Color Information

#cc8986 Color Conversion

Color Schemes with #cc8986

Alternatives to #cc8986

#cc8986 Preview

Shades and Tints of #cc8986

Tones of #cc8986

Color Blindness Simulator