#cc6f76 hex color

In a RGB color space, hex #cc6f76 is composed of 80% red, 43.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 42.2% yellow and 20% black. It has a hue angle of 355.5 degrees, a saturation of 47.7% and a lightness of 61.8%. #cc6f76 color hex could be obtained by blending #ffdeec with #990000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 80
- G 44
- B 46
RGB color chart
- C 0
- M 46
- Y 42
- K 20
CMYK color chart

● #cc6f76 color description : Slightly desaturated red.

The hexadecimal color #cc6f76 has RGB values of R:204, G:111, B:118 and CMYK values of C:0, M:0.46, Y:0.42, K:0.2. Its decimal value is 13397878.

Hex triplet	cc6f76	`#cc6f76`
RGB Decimal	204, 111, 118	`rgb(204,111,118)`
RGB Percent	80, 43.5, 46.3	`rgb(80%,43.5%,46.3%)`
CMYK	0, 46, 42, 20
HSL	355.5°, 47.7, 61.8	`hsl(355.5,47.7%,61.8%)`
HSV (or HSB)	355.5°, 45.6, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.575, 37.301, 12.635
XYZ	33.857, 25.517, 20.281
xyY	0.425, 0.32, 25.517
CIE-LCH	57.575, 39.383, 18.713
CIE-LUV	57.575, 64.225, 9.474
Hunter-Lab	50.514, 31.239, 11.556
Binary	11001100, 01101111, 01110110

#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#6fccc5
```
#6fccc5 rgb(111,204,197)
```

Complementary Color

#cc6fa5
```
#cc6fa5 rgb(204,111,165)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#cc976f
```
#cc976f rgb(204,151,111)
```

Analogous Color

#6fa5cc
```
#6fa5cc rgb(111,165,204)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#6fcc97
```
#6fcc97 rgb(111,204,151)
```

Split Complementary Color

#6f76cc
```
#6f76cc rgb(111,118,204)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#76cc6f
```
#76cc6f rgb(118,204,111)
```

Triadic Color

#c56fcc
```
#c56fcc rgb(197,111,204)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#76cc6f
```
#76cc6f rgb(118,204,111)
```
#6fccc5
```
#6fccc5 rgb(111,204,197)
```

Tetradic Color

#b03e47
```
#b03e47 rgb(176,62,71)
```
#bf4952
```
#bf4952 rgb(191,73,82)
```
#c55c64
```
#c55c64 rgb(197,92,100)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#d38288
```
#d38288 rgb(211,130,136)
```
#d9959a
```
#d9959a rgb(217,149,154)
```
#e0a7ac
```
#e0a7ac rgb(224,167,172)
```

Monochromatic Color

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

#cc6f8d
```
#cc6f8d rgb(204,111,141)
```
#cc6f86
```
#cc6f86 rgb(204,111,134)
```
#cc6f7e
```
#cc6f7e rgb(204,111,126)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#cc706f
```
#cc706f rgb(204,112,111)
```
#cc786f
```
#cc786f rgb(204,120,111)
```
#cc7f6f
```
#cc7f6f rgb(204,127,111)
```

Similar Colors

Text with hexadecimal color #cc6f76

This text has a font color of #cc6f76.

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

#cc6f76 background color

This paragraph has a background color of #cc6f76.

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

#cc6f76 border color

This element has a border color of #cc6f76.

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

CSS codes

.text {color:#cc6f76;}

.background {background-color:#cc6f76;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0506
```
#0f0506 rgb(15,5,6)
```
#1e0b0c
```
#1e0b0c rgb(30,11,12)
```
#2c1012
```
#2c1012 rgb(44,16,18)
```
#3b1518
```
#3b1518 rgb(59,21,24)
```
#491a1e
```
#491a1e rgb(73,26,30)
```
#581f23
```
#581f23 rgb(88,31,35)
```
#662429
```
#662429 rgb(102,36,41)
```
#75292f
```
#75292f rgb(117,41,47)
```
#832e35
```
#832e35 rgb(131,46,53)
```
#92343b
```
#92343b rgb(146,52,59)
```
#a03941
```
#a03941 rgb(160,57,65)
```
#af3e46
```
#af3e46 rgb(175,62,70)
```

Shade Color Variation

#bd444d
```
#bd444d rgb(189,68,77)
```
#c2525a
```
#c2525a rgb(194,82,90)
```
#c76168
```
#c76168 rgb(199,97,104)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#d17d84
```
#d17d84 rgb(209,125,132)
```
#d68c92
```
#d68c92 rgb(214,140,146)
```
#db9a9f
```
#db9a9f rgb(219,154,159)
```
#e1a9ad
```
#e1a9ad rgb(225,169,173)
```
#e6b7bb
```
#e6b7bb rgb(230,183,187)
```
#ebc6c9
```
#ebc6c9 rgb(235,198,201)
```
#f0d4d6
```
#f0d4d6 rgb(240,212,214)
```
#f5e3e4
```
#f5e3e4 rgb(245,227,228)
```
#faf1f2
```
#faf1f2 rgb(250,241,242)
```

Tint Color Variation

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

#9f9c9c
```
#9f9c9c rgb(159,156,156)
```
#a79596
```
#a79596 rgb(167,149,150)
```
#ae8d8f
```
#ae8d8f rgb(174,141,143)
```
#b68689
```
#b68689 rgb(182,134,137)
```
#bd7e83
```
#bd7e83 rgb(189,126,131)
```
#c5777c
```
#c5777c rgb(197,119,124)
```
#cc6f76
```
#cc6f76 rgb(204,111,118)
```
#d46870
```
#d46870 rgb(212,104,112)
```
#db6069
```
#db6069 rgb(219,96,105)
```
#e35963
```
#e35963 rgb(227,89,99)
```
#ea515d
```
#ea515d rgb(234,81,93)
```
#f24a56
```
#f24a56 rgb(242,74,86)
```
#f94250
```
#f94250 rgb(249,66,80)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#998688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948f88 Protanopia 1% of men
#a68b77 Deuteranopia 1% of men
#ce767e Tritanopia 0.001% of the population

Trichromacy

#a88382 Protanomaly 1% of men, 0.01% of women
#b48077 Deuteranomaly 6% of men, 0.4% of women
#cd737b Tritanomaly 0.01% of the population

#cc6f76 hex color

#cc6f76 Color Information

#cc6f76 Color Conversion

Color Schemes with #cc6f76

Alternatives to #cc6f76

#cc6f76 Preview

Shades and Tints of #cc6f76

Tones of #cc6f76

Color Blindness Simulator