#cc6060 hex color

In a RGB color space, hex #cc6060 is composed of 80% red, 37.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 52.9% yellow and 20% black. It has a hue angle of 0 degrees, a saturation of 51.4% and a lightness of 58.8%. #cc6060 color hex could be obtained by blending #ffc0c0 with #990000. Closest websafe color is: #cc6666.

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

● #cc6060 color description : Moderate red.

The hexadecimal color #cc6060 has RGB values of R:204, G:96, B:96 and CMYK values of C:0, M:0.53, Y:0.53, K:0.2. Its decimal value is 13394016.

Hex triplet	cc6060	`#cc6060`
RGB Decimal	204, 96, 96	`rgb(204,96,96)`
RGB Percent	80, 37.6, 37.6	`rgb(80%,37.6%,37.6%)`
CMYK	0, 53, 53, 20
HSL	0°, 51.4, 58.8	`hsl(0,51.4%,58.8%)`
HSV (or HSB)	0°, 52.9, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.08, 42.83, 20.661
XYZ	31.197, 22.05, 13.679
xyY	0.466, 0.329, 22.05
CIE-LCH	54.08, 47.553, 25.752
CIE-LUV	54.08, 78.611, 16.955
Hunter-Lab	46.958, 36.412, 15.599
Binary	11001100, 01100000, 01100000

#cc6060
```
#cc6060 rgb(204,96,96)
```
#60cccc
```
#60cccc rgb(96,204,204)
```

Complementary Color

#cc6096
```
#cc6096 rgb(204,96,150)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#cc9660
```
#cc9660 rgb(204,150,96)
```

Analogous Color

#6096cc
```
#6096cc rgb(96,150,204)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#60cc96
```
#60cc96 rgb(96,204,150)
```

Split Complementary Color

#6060cc
```
#6060cc rgb(96,96,204)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#60cc60
```
#60cc60 rgb(96,204,96)
```

Triadic Color

#cc60cc
```
#cc60cc rgb(204,96,204)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#60cc60
```
#60cc60 rgb(96,204,96)
```
#60cccc
```
#60cccc rgb(96,204,204)
```

Tetradic Color

#a93636
```
#a93636 rgb(169,54,54)
```
#bd3c3c
```
#bd3c3c rgb(189,60,60)
```
#c64d4d
```
#c64d4d rgb(198,77,77)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#d27373
```
#d27373 rgb(210,115,115)
```
#d88787
```
#d88787 rgb(216,135,135)
```
#df9a9a
```
#df9a9a rgb(223,154,154)
```

Monochromatic Color

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

#cc607b
```
#cc607b rgb(204,96,123)
```
#cc6072
```
#cc6072 rgb(204,96,114)
```
#cc6069
```
#cc6069 rgb(204,96,105)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#cc6960
```
#cc6960 rgb(204,105,96)
```
#cc7260
```
#cc7260 rgb(204,114,96)
```
#cc7b60
```
#cc7b60 rgb(204,123,96)
```

Similar Colors

Text with hexadecimal color #cc6060

This text has a font color of #cc6060.

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

#cc6060 background color

This paragraph has a background color of #cc6060.

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

#cc6060 border color

This element has a border color of #cc6060.

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

CSS codes

.text {color:#cc6060;}

.background {background-color:#cc6060;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130606
```
#130606 rgb(19,6,6)
```
#220b0b
```
#220b0b rgb(34,11,11)
```
#311010
```
#311010 rgb(49,16,16)
```
#401414
```
#401414 rgb(64,20,20)
```
#4f1919
```
#4f1919 rgb(79,25,25)
```
#5d1e1e
```
#5d1e1e rgb(93,30,30)
```
#6c2323
```
#6c2323 rgb(108,35,35)
```
#7b2828
```
#7b2828 rgb(123,40,40)
```
#8a2c2c
```
#8a2c2c rgb(138,44,44)
```
#993131
```
#993131 rgb(153,49,49)
```
#a83636
```
#a83636 rgb(168,54,54)
```
#b73b3b
```
#b73b3b rgb(183,59,59)
```

Shade Color Variation

#c24242
```
#c24242 rgb(194,66,66)
```
#c75151
```
#c75151 rgb(199,81,81)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#d16f6f
```
#d16f6f rgb(209,111,111)
```
#d67e7e
```
#d67e7e rgb(214,126,126)
```
#da8d8d
```
#da8d8d rgb(218,141,141)
```
#df9b9b
```
#df9b9b rgb(223,155,155)
```
#e4aaaa
```
#e4aaaa rgb(228,170,170)
```
#e9b9b9
```
#e9b9b9 rgb(233,185,185)
```
#edc8c8
```
#edc8c8 rgb(237,200,200)
```
#f2d7d7
```
#f2d7d7 rgb(242,215,215)
```
#f7e6e6
```
#f7e6e6 rgb(247,230,230)
```
#fcf5f5
```
#fcf5f5 rgb(252,245,245)
```

Tint Color Variation

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

#9c9090
```
#9c9090 rgb(156,144,144)
```
#a48888
```
#a48888 rgb(164,136,136)
```
#ac8080
```
#ac8080 rgb(172,128,128)
```
#b47878
```
#b47878 rgb(180,120,120)
```
#bc7070
```
#bc7070 rgb(188,112,112)
```
#c46868
```
#c46868 rgb(196,104,104)
```
#cc6060
```
#cc6060 rgb(204,96,96)
```
#d45858
```
#d45858 rgb(212,88,88)
```
#dc5050
```
#dc5050 rgb(220,80,80)
```
#e44848
```
#e44848 rgb(228,72,72)
```
#ec4040
```
#ec4040 rgb(236,64,64)
```
#f43838
```
#f43838 rgb(244,56,56)
```
#fc3030
```
#fc3030 rgb(252,48,48)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8f7a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8775 Protanopia 1% of men
#a08261 Deuteranopia 1% of men
#cf676d Tritanopia 0.001% of the population

Trichromacy

#a4796d Protanomaly 1% of men, 0.01% of women
#b07561 Deuteranomaly 6% of men, 0.4% of women
#cd6468 Tritanomaly 0.01% of the population

#cc6060 hex color

#cc6060 Color Information

#cc6060 Color Conversion

Color Schemes with #cc6060

Alternatives to #cc6060

#cc6060 Preview

Shades and Tints of #cc6060

Tones of #cc6060

Color Blindness Simulator