#cc8580 hex color

In a RGB color space, hex #cc8580 is composed of 80% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 37.3% yellow and 20% black. It has a hue angle of 3.9 degrees, a saturation of 42.7% and a lightness of 65.1%. #cc8580 color hex could be obtained by blending #ffffff with #990b01. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 52
- B 50
RGB color chart
- C 0
- M 35
- Y 37
- K 20
CMYK color chart

● #cc8580 color description : Slightly desaturated red.

The hexadecimal color #cc8580 has RGB values of R:204, G:133, B:128 and CMYK values of C:0, M:0.35, Y:0.37, K:0.2. Its decimal value is 13403520.

Hex triplet	cc8580	`#cc8580`
RGB Decimal	204, 133, 128	`rgb(204,133,128)`
RGB Percent	80, 52.2, 50.2	`rgb(80%,52.2%,50.2%)`
CMYK	0, 35, 37, 20
HSL	3.9°, 42.7, 65.1	`hsl(3.9,42.7%,65.1%)`
HSV (or HSB)	3.9°, 37.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	62.653, 26.669, 13.997
XYZ	37.186, 31.173, 24.479
xyY	0.401, 0.336, 31.173
CIE-LCH	62.653, 30.119, 27.693
CIE-LUV	62.653, 48.384, 13.743
Hunter-Lab	55.833, 21.177, 13.088
Binary	11001100, 10000101, 10000000

#cc8580
```
#cc8580 rgb(204,133,128)
```
#80c7cc
```
#80c7cc rgb(128,199,204)
```

Complementary Color

#cc80a1
```
#cc80a1 rgb(204,128,161)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#ccab80
```
#ccab80 rgb(204,171,128)
```

Analogous Color

#80a1cc
```
#80a1cc rgb(128,161,204)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#80ccab
```
#80ccab rgb(128,204,171)
```

Split Complementary Color

#8580cc
```
#8580cc rgb(133,128,204)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#80cc85
```
#80cc85 rgb(128,204,133)
```

Triadic Color

#cc80c7
```
#cc80c7 rgb(204,128,199)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#80cc85
```
#80cc85 rgb(128,204,133)
```
#80c7cc
```
#80c7cc rgb(128,199,204)
```

Tetradic Color

#b65149
```
#b65149 rgb(182,81,73)
```
#bd625c
```
#bd625c rgb(189,98,92)
```
#c5746e
```
#c5746e rgb(197,116,110)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#d39692
```
#d39692 rgb(211,150,146)
```
#dba8a4
```
#dba8a4 rgb(219,168,164)
```
#e2b9b7
```
#e2b9b7 rgb(226,185,183)
```

Monochromatic Color

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

#cc808e
```
#cc808e rgb(204,128,142)
```
#cc8088
```
#cc8088 rgb(204,128,136)
```
#cc8081
```
#cc8081 rgb(204,128,129)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#cc8b80
```
#cc8b80 rgb(204,139,128)
```
#cc9280
```
#cc9280 rgb(204,146,128)
```
#cc9880
```
#cc9880 rgb(204,152,128)
```

Similar Colors

Text with hexadecimal color #cc8580

This text has a font color of #cc8580.

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

#cc8580 background color

This paragraph has a background color of #cc8580.

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

#cc8580 border color

This element has a border color of #cc8580.

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

CSS codes

.text {color:#cc8580;}

.background {background-color:#cc8580;}

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

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

#0d0605
```
#0d0605 rgb(13,6,5)
```
#1b0c0b
```
#1b0c0b rgb(27,12,11)
```
#291210
```
#291210 rgb(41,18,16)
```
#371816
```
#371816 rgb(55,24,22)
```
#451e1c
```
#451e1c rgb(69,30,28)
```
#532521
```
#532521 rgb(83,37,33)
```
#612b27
```
#612b27 rgb(97,43,39)
```
#6f312d
```
#6f312d rgb(111,49,45)
```
#7d3732
```
#7d3732 rgb(125,55,50)
```
#8b3d38
```
#8b3d38 rgb(139,61,56)
```
#99433d
```
#99433d rgb(153,67,61)
```
#a74a43
```
#a74a43 rgb(167,74,67)
```
#b55049
```
#b55049 rgb(181,80,73)
```

Shade Color Variation

#bb5d56
```
#bb5d56 rgb(187,93,86)
```
#c16a64
```
#c16a64 rgb(193,106,100)
```
#c67872
```
#c67872 rgb(198,120,114)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#d2928e
```
#d2928e rgb(210,146,142)
```
#d7a09c
```
#d7a09c rgb(215,160,156)
```
#ddadaa
```
#ddadaa rgb(221,173,170)
```
#e2bbb8
```
#e2bbb8 rgb(226,187,184)
```
#e8c8c6
```
#e8c8c6 rgb(232,200,198)
```
#eed6d4
```
#eed6d4 rgb(238,214,212)
```
#f3e3e2
```
#f3e3e2 rgb(243,227,226)
```
#f9f1f0
```
#f9f1f0 rgb(249,241,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aaa3a2
```
#aaa3a2 rgb(170,163,162)
```
#b19d9b
```
#b19d9b rgb(177,157,155)
```
#b79795
```
#b79795 rgb(183,151,149)
```
#be918e
```
#be918e rgb(190,145,142)
```
#c58b87
```
#c58b87 rgb(197,139,135)
```
#cc8580
```
#cc8580 rgb(204,133,128)
```
#d37f79
```
#d37f79 rgb(211,127,121)
```
#da7972
```
#da7972 rgb(218,121,114)
```
#e1736b
```
#e1736b rgb(225,115,107)
```
#e76d65
```
#e76d65 rgb(231,109,101)
```
#ee675e
```
#ee675e rgb(238,103,94)
```
#f56157
```
#f56157 rgb(245,97,87)
```
#fc5b50
```
#fc5b50 rgb(252,91,80)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a49695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39c8e Protanopia 1% of men
#b49783 Deuteranopia 1% of men
#cf8992 Tritanopia 0.001% of the population

Trichromacy

#b19389 Protanomaly 1% of men, 0.01% of women
#bd9082 Deuteranomaly 6% of men, 0.4% of women
#ce878b Tritanomaly 0.01% of the population

#cc8580 hex color

#cc8580 Color Information

#cc8580 Color Conversion

Color Schemes with #cc8580

Alternatives to #cc8580

#cc8580 Preview

Shades and Tints of #cc8580

Tones of #cc8580

Color Blindness Simulator