#cc4180 hex color

In a RGB color space, hex #cc4180 is composed of 80% red, 25.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.1% magenta, 37.3% yellow and 20% black. It has a hue angle of 332.8 degrees, a saturation of 57.7% and a lightness of 52.7%. #cc4180 color hex could be obtained by blending #ff82ff with #990001. Closest websafe color is: #cc3399.

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

● #cc4180 color description : Moderate pink.

The hexadecimal color #cc4180 has RGB values of R:204, G:65, B:128 and CMYK values of C:0, M:0.68, Y:0.37, K:0.2. Its decimal value is 13386112.

Hex triplet	cc4180	`#cc4180`
RGB Decimal	204, 65, 128	`rgb(204,65,128)`
RGB Percent	80, 25.5, 50.2	`rgb(80%,25.5%,50.2%)`
CMYK	0, 68, 37, 20
HSL	332.8°, 57.7, 52.7	`hsl(332.8,57.7%,52.7%)`
HSV (or HSB)	332.8°, 68.1, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.713, 59.774, -4.616
XYZ	30.689, 18.179, 22.314
xyY	0.431, 0.255, 18.179
CIE-LCH	49.713, 59.952, 355.584
CIE-LUV	49.713, 86.371, -17.138
Hunter-Lab	42.637, 53.864, -1.183
Binary	11001100, 01000001, 10000000

#cc4180
```
#cc4180 rgb(204,65,128)
```
#41cc8d
```
#41cc8d rgb(65,204,141)
```

Complementary Color

#cc41c6
```
#cc41c6 rgb(204,65,198)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#cc4841
```
#cc4841 rgb(204,72,65)
```

Analogous Color

#41c6cc
```
#41c6cc rgb(65,198,204)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#41cc48
```
#41cc48 rgb(65,204,72)
```

Split Complementary Color

#4180cc
```
#4180cc rgb(65,128,204)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#80cc41
```
#80cc41 rgb(128,204,65)
```

Triadic Color

#8d41cc
```
#8d41cc rgb(141,65,204)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#80cc41
```
#80cc41 rgb(128,204,65)
```
#41cc8d
```
#41cc8d rgb(65,204,141)
```

Tetradic Color

#98295b
```
#98295b rgb(152,41,91)
```
#ac2e67
```
#ac2e67 rgb(172,46,103)
```
#c03473
```
#c03473 rgb(192,52,115)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#d1558d
```
#d1558d rgb(209,85,141)
```
#d7699b
```
#d7699b rgb(215,105,155)
```
#dc7da8
```
#dc7da8 rgb(220,125,168)
```

Monochromatic Color

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

#cc41a3
```
#cc41a3 rgb(204,65,163)
```
#cc4197
```
#cc4197 rgb(204,65,151)
```
#cc418c
```
#cc418c rgb(204,65,140)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#cc4174
```
#cc4174 rgb(204,65,116)
```
#cc4169
```
#cc4169 rgb(204,65,105)
```
#cc415d
```
#cc415d rgb(204,65,93)
```

Similar Colors

Text with hexadecimal color #cc4180

This text has a font color of #cc4180.

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

#cc4180 background color

This paragraph has a background color of #cc4180.

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

#cc4180 border color

This element has a border color of #cc4180.

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

CSS codes

.text {color:#cc4180;}

.background {background-color:#cc4180;}

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

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

#0b0307
```
#0b0307 rgb(11,3,7)
```
#1b0710
```
#1b0710 rgb(27,7,16)
```
#2a0b19
```
#2a0b19 rgb(42,11,25)
```
#390f22
```
#390f22 rgb(57,15,34)
```
#49142c
```
#49142c rgb(73,20,44)
```
#581835
```
#581835 rgb(88,24,53)
```
#681c3e
```
#681c3e rgb(104,28,62)
```
#772048
```
#772048 rgb(119,32,72)
```
#872451
```
#872451 rgb(135,36,81)
```
#96285a
```
#96285a rgb(150,40,90)
```
#a62c63
```
#a62c63 rgb(166,44,99)
```
#b5316d
```
#b5316d rgb(181,49,109)
```
#c53576
```
#c53576 rgb(197,53,118)
```

Shade Color Variation

#cc4180
```
#cc4180 rgb(204,65,128)
```
#d0508a
```
#d0508a rgb(208,80,138)
```
#d46095
```
#d46095 rgb(212,96,149)
```
#d86f9f
```
#d86f9f rgb(216,111,159)
```
#dd7fa9
```
#dd7fa9 rgb(221,127,169)
```
#e18eb4
```
#e18eb4 rgb(225,142,180)
```
#e59ebe
```
#e59ebe rgb(229,158,190)
```
#e9adc8
```
#e9adc8 rgb(233,173,200)
```
#edbdd3
```
#edbdd3 rgb(237,189,211)
```
#f1ccdd
```
#f1ccdd rgb(241,204,221)
```
#f6dce7
```
#f6dce7 rgb(246,220,231)
```
#faebf2
```
#faebf2 rgb(250,235,242)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#8b8286
```
#8b8286 rgb(139,130,134)
```
#947985
```
#947985 rgb(148,121,133)
```
#9e6f84
```
#9e6f84 rgb(158,111,132)
```
#a76683
```
#a76683 rgb(167,102,131)
```
#b05d83
```
#b05d83 rgb(176,93,131)
```
#b95482
```
#b95482 rgb(185,84,130)
```
#c34a81
```
#c34a81 rgb(195,74,129)
```
#cc4180
```
#cc4180 rgb(204,65,128)
```
#d5387f
```
#d5387f rgb(213,56,127)
```
#df2e7e
```
#df2e7e rgb(223,46,126)
```
#e8257d
```
#e8257d rgb(232,37,125)
```
#f11c7d
```
#f11c7d rgb(241,28,125)
```
#fa137c
```
#fa137c rgb(250,19,124)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727ba1 Protanopia 1% of men
#89797c Deuteranopia 1% of men
#cb555a Tritanopia 0.001% of the population

Trichromacy

#926695 Protanomaly 1% of men, 0.01% of women
#a1657d Deuteranomaly 6% of men, 0.4% of women
#cb4e68 Tritanomaly 0.01% of the population

#cc4180 hex color

#cc4180 Color Information

#cc4180 Color Conversion

Color Schemes with #cc4180

Alternatives to #cc4180

#cc4180 Preview

Shades and Tints of #cc4180

Tones of #cc4180

Color Blindness Simulator