Puce / #cc8899 hex color

In a RGB color space, hex #cc8899 (also known as Puce) is composed of 80% red, 53.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 25% yellow and 20% black. It has a hue angle of 345 degrees, a saturation of 40% and a lightness of 66.7%. #cc8899 color hex could be obtained by blending #ffffff with #991133. Closest websafe color is: #cc9999.

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

● #cc8899 color description : Slightly desaturated red.

The hexadecimal color #cc8899 has RGB values of R:204, G:136, B:153 and CMYK values of C:0, M:0.33, Y:0.25, K:0.2. Its decimal value is 13404313.

Hex triplet	cc8899	`#cc8899`
RGB Decimal	204, 136, 153	`rgb(204,136,153)`
RGB Percent	80, 53.3, 60	`rgb(80%,53.3%,60%)`
CMYK	0, 33, 25, 20
HSL	345°, 40, 66.7	`hsl(345,40%,66.7%)`
HSV (or HSB)	345°, 33.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	63.956, 28.349, 1.668
XYZ	39.456, 32.747, 34.378
xyY	0.37, 0.307, 32.747
CIE-LCH	63.956, 28.398, 3.367
CIE-LUV	63.956, 42.543, -2.761
Hunter-Lab	57.225, 22.927, 4.44
Binary	11001100, 10001000, 10011001

#cc8899
```
#cc8899 rgb(204,136,153)
```
#88ccbb
```
#88ccbb rgb(136,204,187)
```

Complementary Color

#cc88bb
```
#cc88bb rgb(204,136,187)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#cc9988
```
#cc9988 rgb(204,153,136)
```

Analogous Color

#88bbcc
```
#88bbcc rgb(136,187,204)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#88cc99
```
#88cc99 rgb(136,204,153)
```

Split Complementary Color

#8899cc
```
#8899cc rgb(136,153,204)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#99cc88
```
#99cc88 rgb(153,204,136)
```

Triadic Color

#bb88cc
```
#bb88cc rgb(187,136,204)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#99cc88
```
#99cc88 rgb(153,204,136)
```
#88ccbb
```
#88ccbb rgb(136,204,187)
```

Tetradic Color

#b5526b
```
#b5526b rgb(181,82,107)
```
#bd647a
```
#bd647a rgb(189,100,122)
```
#c4768a
```
#c4768a rgb(196,118,138)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#d49aa8
```
#d49aa8 rgb(212,154,168)
```
#dbacb8
```
#dbacb8 rgb(219,172,184)
```
#e3bec7
```
#e3bec7 rgb(227,190,199)
```

Monochromatic Color

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

#cc88aa
```
#cc88aa rgb(204,136,170)
```
#cc88a4
```
#cc88a4 rgb(204,136,164)
```
#cc889f
```
#cc889f rgb(204,136,159)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#cc8893
```
#cc8893 rgb(204,136,147)
```
#cc888e
```
#cc888e rgb(204,136,142)
```
#cc8888
```
#cc8888 rgb(204,136,136)
```

Similar Colors

Text with hexadecimal color #cc8899

This text has a font color of #cc8899.

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

#cc8899 background color

This paragraph has a background color of #cc8899.

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

#cc8899 border color

This element has a border color of #cc8899.

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

CSS codes

.text {color:#cc8899;}

.background {background-color:#cc8899;}

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

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

#050203
```
#050203 rgb(5,2,3)
```
#12080a
```
#12080a rgb(18,8,10)
```
#200e12
```
#200e12 rgb(32,14,18)
```
#2e141a
```
#2e141a rgb(46,20,26)
```
#3c1a22
```
#3c1a22 rgb(60,26,34)
```
#491f2a
```
#491f2a rgb(73,31,42)
```
#572532
```
#572532 rgb(87,37,50)
```
#652b3a
```
#652b3a rgb(101,43,58)
```
#723141
```
#723141 rgb(114,49,65)
```
#803749
```
#803749 rgb(128,55,73)
```
#8e3d51
```
#8e3d51 rgb(142,61,81)
```
#9c4359
```
#9c4359 rgb(156,67,89)
```
#a94961
```
#a94961 rgb(169,73,97)
```

Shade Color Variation

#b4516a
```
#b4516a rgb(180,81,106)
```
#ba5f76
```
#ba5f76 rgb(186,95,118)
```
#c06d81
```
#c06d81 rgb(192,109,129)
```
#c67a8d
```
#c67a8d rgb(198,122,141)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#d296a5
```
#d296a5 rgb(210,150,165)
```
#d8a3b1
```
#d8a3b1 rgb(216,163,177)
```
#deb1bc
```
#deb1bc rgb(222,177,188)
```
#e4bfc8
```
#e4bfc8 rgb(228,191,200)
```
#e9cdd4
```
#e9cdd4 rgb(233,205,212)
```
#efdae0
```
#efdae0 rgb(239,218,224)
```
#f5e8eb
```
#f5e8eb rgb(245,232,235)
```
#fbf6f7
```
#fbf6f7 rgb(251,246,247)
```

Tint Color Variation

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

#aba9a9
```
#aba9a9 rgb(171,169,169)
```
#b2a2a6
```
#b2a2a6 rgb(178,162,166)
```
#b89ca3
```
#b89ca3 rgb(184,156,163)
```
#bf95a0
```
#bf95a0 rgb(191,149,160)
```
#c58f9c
```
#c58f9c rgb(197,143,156)
```
#cc8899
```
#cc8899 rgb(204,136,153)
```
#d38196
```
#d38196 rgb(211,129,150)
```
#d97b92
```
#d97b92 rgb(217,123,146)
```
#e0748f
```
#e0748f rgb(224,116,143)
```
#e66e8c
```
#e66e8c rgb(230,110,140)
```
#ed6789
```
#ed6789 rgb(237,103,137)
```
#f36185
```
#f36185 rgb(243,97,133)
```
#fa5a82
```
#fa5a82 rgb(250,90,130)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a79a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09fa7 Protanopia 1% of men
#b19b9a Deuteranopia 1% of men
#ce8f98 Tritanopia 0.001% of the population

Trichromacy

#b096a2 Protanomaly 1% of men, 0.01% of women
#ba949a Deuteranomaly 6% of men, 0.4% of women
#cd8c98 Tritanomaly 0.01% of the population

Puce / #cc8899 hex color

#cc8899 Color Information

#cc8899 Color Conversion

Color Schemes with #cc8899

Alternatives to #cc8899

#cc8899 Preview

Shades and Tints of #cc8899

Tones of #cc8899

Color Blindness Simulator