#cc2c54 hex color

In a RGB color space, hex #cc2c54 is composed of 80% red, 17.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 58.8% yellow and 20% black. It has a hue angle of 345 degrees, a saturation of 64.5% and a lightness of 48.6%. #cc2c54 color hex could be obtained by blending #ff58a8 with #990000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 17
- B 33
RGB color chart
- C 0
- M 78
- Y 59
- K 20
CMYK color chart

● #cc2c54 color description : Strong red.

The hexadecimal color #cc2c54 has RGB values of R:204, G:44, B:84 and CMYK values of C:0, M:0.78, Y:0.59, K:0.2. Its decimal value is 13380692.

Hex triplet	cc2c54	`#cc2c54`
RGB Decimal	204, 44, 84	`rgb(204,44,84)`
RGB Percent	80, 17.3, 32.9	`rgb(80%,17.3%,32.9%)`
CMYK	0, 78, 59, 20
HSL	345°, 64.5, 48.6	`hsl(345,64.5%,48.6%)`
HSV (or HSB)	345°, 78.4, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.018, 62.995, 17.013
XYZ	27.404, 15.282, 9.894
xyY	0.521, 0.291, 15.282
CIE-LCH	46.018, 65.252, 15.113
CIE-LUV	46.018, 110.679, 7.201
Hunter-Lab	39.092, 56.718, 12.359
Binary	11001100, 00101100, 01010100

#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#2ccca4
```
#2ccca4 rgb(44,204,164)
```

Complementary Color

#cc2ca4
```
#cc2ca4 rgb(204,44,164)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#cc542c
```
#cc542c rgb(204,84,44)
```

Analogous Color

#2ca4cc
```
#2ca4cc rgb(44,164,204)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#2ccc54
```
#2ccc54 rgb(44,204,84)
```

Split Complementary Color

#2c54cc
```
#2c54cc rgb(44,84,204)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#54cc2c
```
#54cc2c rgb(84,204,44)
```

Triadic Color

#a42ccc
```
#a42ccc rgb(164,44,204)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#54cc2c
```
#54cc2c rgb(84,204,44)
```
#2ccca4
```
#2ccca4 rgb(44,204,164)
```

Tetradic Color

#8d1e3a
```
#8d1e3a rgb(141,30,58)
```
#a22343
```
#a22343 rgb(162,35,67)
```
#b7274b
```
#b7274b rgb(183,39,75)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#d53c63
```
#d53c63 rgb(213,60,99)
```
#da5173
```
#da5173 rgb(218,81,115)
```
#de6684
```
#de6684 rgb(222,102,132)
```

Monochromatic Color

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

#cc2c7c
```
#cc2c7c rgb(204,44,124)
```
#cc2c6f
```
#cc2c6f rgb(204,44,111)
```
#cc2c61
```
#cc2c61 rgb(204,44,97)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#cc2c47
```
#cc2c47 rgb(204,44,71)
```
#cc2c39
```
#cc2c39 rgb(204,44,57)
```
#cc2c2c
```
#cc2c2c rgb(204,44,44)
```

Similar Colors

Text with hexadecimal color #cc2c54

This text has a font color of #cc2c54.

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

#cc2c54 background color

This paragraph has a background color of #cc2c54.

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

#cc2c54 border color

This element has a border color of #cc2c54.

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

CSS codes

.text {color:#cc2c54;}

.background {background-color:#cc2c54;}

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

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

#0a0204
```
#0a0204 rgb(10,2,4)
```
#1b060b
```
#1b060b rgb(27,6,11)
```
#2b0912
```
#2b0912 rgb(43,9,18)
```
#3b0d18
```
#3b0d18 rgb(59,13,24)
```
#4b101f
```
#4b101f rgb(75,16,31)
```
#5b1425
```
#5b1425 rgb(91,20,37)
```
#6b172c
```
#6b172c rgb(107,23,44)
```
#7b1b33
```
#7b1b33 rgb(123,27,51)
```
#8b1e39
```
#8b1e39 rgb(139,30,57)
```
#9c2240
```
#9c2240 rgb(156,34,64)
```
#ac2547
```
#ac2547 rgb(172,37,71)
```
#bc294d
```
#bc294d rgb(188,41,77)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```

Shade Color Variation

#d4385f
```
#d4385f rgb(212,56,95)
```
#d7486c
```
#d7486c rgb(215,72,108)
```
#db5879
```
#db5879 rgb(219,88,121)
```
#de6886
```
#de6886 rgb(222,104,134)
```
#e27893
```
#e27893 rgb(226,120,147)
```
#e588a0
```
#e588a0 rgb(229,136,160)
```
#e998ad
```
#e998ad rgb(233,152,173)
```
#eca9ba
```
#eca9ba rgb(236,169,186)
```
#f0b9c6
```
#f0b9c6 rgb(240,185,198)
```
#f3c9d3
```
#f3c9d3 rgb(243,201,211)
```
#f7d9e0
```
#f7d9e0 rgb(247,217,224)
```
#fae9ed
```
#fae9ed rgb(250,233,237)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#80787a
```
#80787a rgb(128,120,122)
```
#896f75
```
#896f75 rgb(137,111,117)
```
#936571
```
#936571 rgb(147,101,113)
```
#9c5c6c
```
#9c5c6c rgb(156,92,108)
```
#a65267
```
#a65267 rgb(166,82,103)
```
#af4962
```
#af4962 rgb(175,73,98)
```
#b93f5e
```
#b93f5e rgb(185,63,94)
```
#c23659
```
#c23659 rgb(194,54,89)
```
#cc2c54
```
#cc2c54 rgb(204,44,84)
```
#d6224f
```
#d6224f rgb(214,34,79)
```
#df194a
```
#df194a rgb(223,25,74)
```
#e90f46
```
#e90f46 rgb(233,15,70)
```
#f20641
```
#f20641 rgb(242,6,65)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#76565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#767375 Protanopia 1% of men
#8a6f52 Deuteranopia 1% of men
#cd3d3f Tritanopia 0.001% of the population

Trichromacy

#955969 Protanomaly 1% of men, 0.01% of women
#a25753 Deuteranomaly 6% of men, 0.4% of women
#cc3747 Tritanomaly 0.01% of the population

#cc2c54 hex color

#cc2c54 Color Information

#cc2c54 Color Conversion

Color Schemes with #cc2c54

Alternatives to #cc2c54

#cc2c54 Preview

Shades and Tints of #cc2c54

Tones of #cc2c54

Color Blindness Simulator