#cc2d45 hex color

In a RGB color space, hex #cc2d45 is composed of 80% red, 17.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 66.2% yellow and 20% black. It has a hue angle of 350.9 degrees, a saturation of 63.9% and a lightness of 48.8%. #cc2d45 color hex could be obtained by blending #ff5a8a with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 18
- B 27
RGB color chart
- C 0
- M 78
- Y 66
- K 20
CMYK color chart

● #cc2d45 color description : Strong red.

The hexadecimal color #cc2d45 has RGB values of R:204, G:45, B:69 and CMYK values of C:0, M:0.78, Y:0.66, K:0.2. Its decimal value is 13380933.

Hex triplet	cc2d45	`#cc2d45`
RGB Decimal	204, 45, 69	`rgb(204,45,69)`
RGB Percent	80, 17.6, 27.1	`rgb(80%,17.6%,27.1%)`
CMYK	0, 78, 66, 20
HSL	350.9°, 63.9, 48.8	`hsl(350.9,63.9%,48.8%)`
HSV (or HSB)	350.9°, 77.9, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.835, 61.811, 25.975
XYZ	26.916, 15.147, 7.136
xyY	0.547, 0.308, 15.147
CIE-LCH	45.835, 67.047, 22.793
CIE-LUV	45.835, 114.944, 15.749
Hunter-Lab	38.919, 55.338, 16.372
Binary	11001100, 00101101, 01000101

#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#2dccb4
```
#2dccb4 rgb(45,204,180)
```

Complementary Color

#cc2d95
```
#cc2d95 rgb(204,45,149)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#cc652d
```
#cc652d rgb(204,101,45)
```

Analogous Color

#2d95cc
```
#2d95cc rgb(45,149,204)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#2dcc65
```
#2dcc65 rgb(45,204,101)
```

Split Complementary Color

#2d45cc
```
#2d45cc rgb(45,69,204)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#45cc2d
```
#45cc2d rgb(69,204,45)
```

Triadic Color

#b42dcc
```
#b42dcc rgb(180,45,204)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#45cc2d
```
#45cc2d rgb(69,204,45)
```
#2dccb4
```
#2dccb4 rgb(45,204,180)
```

Tetradic Color

#8d1f30
```
#8d1f30 rgb(141,31,48)
```
#a22437
```
#a22437 rgb(162,36,55)
```
#b7283e
```
#b7283e rgb(183,40,62)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#d43e55
```
#d43e55 rgb(212,62,85)
```
#d95367
```
#d95367 rgb(217,83,103)
```
#de687a
```
#de687a rgb(222,104,122)
```

Monochromatic Color

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

#cc2d6d
```
#cc2d6d rgb(204,45,109)
```
#cc2d60
```
#cc2d60 rgb(204,45,96)
```
#cc2d52
```
#cc2d52 rgb(204,45,82)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#cc2d38
```
#cc2d38 rgb(204,45,56)
```
#cc302d
```
#cc302d rgb(204,48,45)
```
#cc3d2d
```
#cc3d2d rgb(204,61,45)
```

Similar Colors

Text with hexadecimal color #cc2d45

This text has a font color of #cc2d45.

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

#cc2d45 background color

This paragraph has a background color of #cc2d45.

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

#cc2d45 border color

This element has a border color of #cc2d45.

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

CSS codes

.text {color:#cc2d45;}

.background {background-color:#cc2d45;}

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

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

#0b0204
```
#0b0204 rgb(11,2,4)
```
#1b0609
```
#1b0609 rgb(27,6,9)
```
#2b0a0f
```
#2b0a0f rgb(43,10,15)
```
#3b0d14
```
#3b0d14 rgb(59,13,20)
```
#4b111a
```
#4b111a rgb(75,17,26)
```
#5c141f
```
#5c141f rgb(92,20,31)
```
#6c1824
```
#6c1824 rgb(108,24,36)
```
#7c1b2a
```
#7c1b2a rgb(124,27,42)
```
#8c1f2f
```
#8c1f2f rgb(140,31,47)
```
#9c2235
```
#9c2235 rgb(156,34,53)
```
#ac263a
```
#ac263a rgb(172,38,58)
```
#bc2940
```
#bc2940 rgb(188,41,64)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```

Shade Color Variation

#d33951
```
#d33951 rgb(211,57,81)
```
#d7495f
```
#d7495f rgb(215,73,95)
```
#da596d
```
#da596d rgb(218,89,109)
```
#de697b
```
#de697b rgb(222,105,123)
```
#e27a89
```
#e27a89 rgb(226,122,137)
```
#e58a97
```
#e58a97 rgb(229,138,151)
```
#e99aa6
```
#e99aa6 rgb(233,154,166)
```
#ecaab4
```
#ecaab4 rgb(236,170,180)
```
#f0bac2
```
#f0bac2 rgb(240,186,194)
```
#f3cad0
```
#f3cad0 rgb(243,202,208)
```
#f7dade
```
#f7dade rgb(247,218,222)
```
#faeaec
```
#faeaec rgb(250,234,236)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#7f7a7a
```
#7f7a7a rgb(127,122,122)
```
#897074
```
#897074 rgb(137,112,116)
```
#93666d
```
#93666d rgb(147,102,109)
```
#9c5d66
```
#9c5d66 rgb(156,93,102)
```
#a65360
```
#a65360 rgb(166,83,96)
```
#af4a59
```
#af4a59 rgb(175,74,89)
```
#b94052
```
#b94052 rgb(185,64,82)
```
#c2374c
```
#c2374c rgb(194,55,76)
```
#cc2d45
```
#cc2d45 rgb(204,45,69)
```
#d6233e
```
#d6233e rgb(214,35,62)
```
#df1a38
```
#df1a38 rgb(223,26,56)
```
#e91031
```
#e91031 rgb(233,16,49)
```
#f2072a
```
#f2072a rgb(242,7,42)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#75555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#797364 Protanopia 1% of men
#8c6f44 Deuteranopia 1% of men
#cd3b3d Tritanopia 0.001% of the population

Trichromacy

#975a58 Protanomaly 1% of men, 0.01% of women
#a35744 Deuteranomaly 6% of men, 0.4% of women
#cd3640 Tritanomaly 0.01% of the population

#cc2d45 hex color

#cc2d45 Color Information

#cc2d45 Color Conversion

Color Schemes with #cc2d45

Alternatives to #cc2d45

#cc2d45 Preview

Shades and Tints of #cc2d45

Tones of #cc2d45

Color Blindness Simulator