#cc0057 hex color

In a RGB color space, hex #cc0057 is composed of 80% red, 0% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 57.4% yellow and 20% black. It has a hue angle of 334.4 degrees, a saturation of 100% and a lightness of 40%. #cc0057 color hex could be obtained by blending #ff00ae with #990000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 80
- G 0
- B 34
RGB color chart
- C 0
- M 100
- Y 57
- K 20
CMYK color chart

● #cc0057 color description : Strong pink.

The hexadecimal color #cc0057 has RGB values of R:204, G:0, B:87 and CMYK values of C:0, M:1, Y:0.57, K:0.2. Its decimal value is 13369431.

Hex triplet	cc0057	`#cc0057`
RGB Decimal	204, 0, 87	`rgb(204,0,87)`
RGB Percent	80, 0, 34.1	`rgb(80%,0%,34.1%)`
CMYK	0, 100, 57, 20
HSL	334.4°, 100, 40	`hsl(334.4,100%,40%)`
HSV (or HSB)	334.4°, 100, 80
Web Safe	cc0066	`#cc0066`

CIE-LAB	43.549, 70.47, 11.762
XYZ	26.623, 13.529, 10.226
xyY	0.528, 0.269, 13.529
CIE-LCH	43.549, 71.445, 9.476
CIE-LUV	43.549, 119.673, -0.255
Hunter-Lab	36.781, 64.835, 9.263
Binary	11001100, 00000000, 01010111

#cc0057
```
#cc0057 rgb(204,0,87)
```
#00cc75
```
#00cc75 rgb(0,204,117)
```

Complementary Color

#cc00bd
```
#cc00bd rgb(204,0,189)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#cc0f00
```
#cc0f00 rgb(204,15,0)
```

Analogous Color

#00bdcc
```
#00bdcc rgb(0,189,204)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#00cc0f
```
#00cc0f rgb(0,204,15)
```

Split Complementary Color

#0057cc
```
#0057cc rgb(0,87,204)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#57cc00
```
#57cc00 rgb(87,204,0)
```

Triadic Color

#7500cc
```
#7500cc rgb(117,0,204)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#57cc00
```
#57cc00 rgb(87,204,0)
```
#00cc75
```
#00cc75 rgb(0,204,117)
```

Tetradic Color

#800036
```
#800036 rgb(128,0,54)
```
#990041
```
#990041 rgb(153,0,65)
```
#b3004c
```
#b3004c rgb(179,0,76)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#e60062
```
#e60062 rgb(230,0,98)
```
#ff006d
```
#ff006d rgb(255,0,109)
```
#ff1a7b
```
#ff1a7b rgb(255,26,123)
```

Monochromatic Color

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

#cc008a
```
#cc008a rgb(204,0,138)
```
#cc0079
```
#cc0079 rgb(204,0,121)
```
#cc0068
```
#cc0068 rgb(204,0,104)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#cc0046
```
#cc0046 rgb(204,0,70)
```
#cc0035
```
#cc0035 rgb(204,0,53)
```
#cc0024
```
#cc0024 rgb(204,0,36)
```

Similar Colors

Text with hexadecimal color #cc0057

This text has a font color of #cc0057.

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

#cc0057 background color

This paragraph has a background color of #cc0057.

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

#cc0057 border color

This element has a border color of #cc0057.

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

CSS codes

.text {color:#cc0057;}

.background {background-color:#cc0057;}

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

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

#080003
```
#080003 rgb(8,0,3)
```
#1b000c
```
#1b000c rgb(27,0,12)
```
#2f0014
```
#2f0014 rgb(47,0,20)
```
#43001c
```
#43001c rgb(67,0,28)
```
#560025
```
#560025 rgb(86,0,37)
```
#6a002d
```
#6a002d rgb(106,0,45)
```
#7e0036
```
#7e0036 rgb(126,0,54)
```
#91003e
```
#91003e rgb(145,0,62)
```
#a50046
```
#a50046 rgb(165,0,70)
```
#b8004f
```
#b8004f rgb(184,0,79)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```
#e0005f
```
#e0005f rgb(224,0,95)
```
#f30068
```
#f30068 rgb(243,0,104)
```

Shade Color Variation

#ff0871
```
#ff0871 rgb(255,8,113)
```
#ff1b7d
```
#ff1b7d rgb(255,27,125)
```
#ff2f88
```
#ff2f88 rgb(255,47,136)
```
#ff4393
```
#ff4393 rgb(255,67,147)
```
#ff569e
```
#ff569e rgb(255,86,158)
```
#ff6aaa
```
#ff6aaa rgb(255,106,170)
```
#ff7eb5
```
#ff7eb5 rgb(255,126,181)
```
#ff91c0
```
#ff91c0 rgb(255,145,192)
```
#ffa5cb
```
#ffa5cb rgb(255,165,203)
```
#ffb8d7
```
#ffb8d7 rgb(255,184,215)
```
#ffcce2
```
#ffcce2 rgb(255,204,226)
```
#ffe0ed
```
#ffe0ed rgb(255,224,237)
```
#fff3f8
```
#fff3f8 rgb(255,243,248)
```

Tint Color Variation

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

#6e5e65
```
#6e5e65 rgb(110,94,101)
```
#765664
```
#765664 rgb(118,86,100)
```
#7e4e63
```
#7e4e63 rgb(126,78,99)
```
#854761
```
#854761 rgb(133,71,97)
```
#8d3f60
```
#8d3f60 rgb(141,63,96)
```
#95375f
```
#95375f rgb(149,55,95)
```
#9d2f5e
```
#9d2f5e rgb(157,47,94)
```
#a5275d
```
#a5275d rgb(165,39,93)
```
#ad1f5c
```
#ad1f5c rgb(173,31,92)
```
#b4185a
```
#b4185a rgb(180,24,90)
```
#bc1059
```
#bc1059 rgb(188,16,89)
```
#c40858
```
#c40858 rgb(196,8,88)
```
#cc0057
```
#cc0057 rgb(204,0,87)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#62394a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6d81 Protanopia 1% of men
#826a53 Deuteranopia 1% of men
#cc2928 Tritanopia 0.001% of the population

Trichromacy

#8e4571 Protanomaly 1% of men, 0.01% of women
#9c4355 Deuteranomaly 6% of men, 0.4% of women
#cc1a39 Tritanomaly 0.01% of the population

#cc0057 hex color

#cc0057 Color Information

#cc0057 Color Conversion

Color Schemes with #cc0057

Alternatives to #cc0057

#cc0057 Preview

Shades and Tints of #cc0057

Tones of #cc0057

Color Blindness Simulator