#cc2d36 hex color

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

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

● #cc2d36 color description : Strong red.

The hexadecimal color #cc2d36 has RGB values of R:204, G:45, B:54 and CMYK values of C:0, M:0.78, Y:0.74, K:0.2. Its decimal value is 13380918.

Hex triplet	cc2d36	`#cc2d36`
RGB Decimal	204, 45, 54	`rgb(204,45,54)`
RGB Percent	80, 17.6, 21.2	`rgb(80%,17.6%,21.2%)`
CMYK	0, 78, 74, 20
HSL	356.6°, 63.9, 48.8	`hsl(356.6,63.9%,48.8%)`
HSV (or HSB)	356.6°, 77.9, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.612, 61.104, 34.673
XYZ	26.507, 14.984, 4.986
xyY	0.57, 0.322, 14.984
CIE-LCH	45.612, 70.256, 29.573
CIE-LUV	45.612, 118.849, 22.656
Hunter-Lab	38.709, 54.494, 19.459
Binary	11001100, 00101101, 00110110

#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#2dccc3
```
#2dccc3 rgb(45,204,195)
```

Complementary Color

#cc2d86
```
#cc2d86 rgb(204,45,134)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#cc742d
```
#cc742d rgb(204,116,45)
```

Analogous Color

#2d86cc
```
#2d86cc rgb(45,134,204)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#2dcc74
```
#2dcc74 rgb(45,204,116)
```

Split Complementary Color

#2d36cc
```
#2d36cc rgb(45,54,204)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#36cc2d
```
#36cc2d rgb(54,204,45)
```

Triadic Color

#c32dcc
```
#c32dcc rgb(195,45,204)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#36cc2d
```
#36cc2d rgb(54,204,45)
```
#2dccc3
```
#2dccc3 rgb(45,204,195)
```

Tetradic Color

#8d1f25
```
#8d1f25 rgb(141,31,37)
```
#a2242b
```
#a2242b rgb(162,36,43)
```
#b72830
```
#b72830 rgb(183,40,48)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#d43e47
```
#d43e47 rgb(212,62,71)
```
#d9535b
```
#d9535b rgb(217,83,91)
```
#de686f
```
#de686f rgb(222,104,111)
```

Monochromatic Color

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

#cc2d5e
```
#cc2d5e rgb(204,45,94)
```
#cc2d51
```
#cc2d51 rgb(204,45,81)
```
#cc2d43
```
#cc2d43 rgb(204,45,67)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#cc312d
```
#cc312d rgb(204,49,45)
```
#cc3f2d
```
#cc3f2d rgb(204,63,45)
```
#cc4c2d
```
#cc4c2d rgb(204,76,45)
```

Similar Colors

Text with hexadecimal color #cc2d36

This text has a font color of #cc2d36.

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

#cc2d36 background color

This paragraph has a background color of #cc2d36.

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

#cc2d36 border color

This element has a border color of #cc2d36.

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

CSS codes

.text {color:#cc2d36;}

.background {background-color:#cc2d36;}

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

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

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1b0607
```
#1b0607 rgb(27,6,7)
```
#2b0a0b
```
#2b0a0b rgb(43,10,11)
```
#3b0d10
```
#3b0d10 rgb(59,13,16)
```
#4b1114
```
#4b1114 rgb(75,17,20)
```
#5c1418
```
#5c1418 rgb(92,20,24)
```
#6c181c
```
#6c181c rgb(108,24,28)
```
#7c1b21
```
#7c1b21 rgb(124,27,33)
```
#8c1f25
```
#8c1f25 rgb(140,31,37)
```
#9c2229
```
#9c2229 rgb(156,34,41)
```
#ac262d
```
#ac262d rgb(172,38,45)
```
#bc2932
```
#bc2932 rgb(188,41,50)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```

Shade Color Variation

#d33942
```
#d33942 rgb(211,57,66)
```
#d74951
```
#d74951 rgb(215,73,81)
```
#da5961
```
#da5961 rgb(218,89,97)
```
#de6970
```
#de6970 rgb(222,105,112)
```
#e27a7f
```
#e27a7f rgb(226,122,127)
```
#e58a8f
```
#e58a8f rgb(229,138,143)
```
#e99a9e
```
#e99a9e rgb(233,154,158)
```
#ecaaad
```
#ecaaad rgb(236,170,173)
```
#f0babd
```
#f0babd rgb(240,186,189)
```
#f3cacc
```
#f3cacc rgb(243,202,204)
```
#f7dadc
```
#f7dadc rgb(247,218,220)
```
#faeaeb
```
#faeaeb rgb(250,234,235)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#7f7a7a
```
#7f7a7a rgb(127,122,122)
```
#897071
```
#897071 rgb(137,112,113)
```
#936669
```
#936669 rgb(147,102,105)
```
#9c5d60
```
#9c5d60 rgb(156,93,96)
```
#a65358
```
#a65358 rgb(166,83,88)
```
#af4a4f
```
#af4a4f rgb(175,74,79)
```
#b94047
```
#b94047 rgb(185,64,71)
```
#c2373e
```
#c2373e rgb(194,55,62)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#d6232e
```
#d6232e rgb(214,35,46)
```
#df1a25
```
#df1a25 rgb(223,26,37)
```
#e9101d
```
#e9101d rgb(233,16,29)
```
#f20714
```
#f20714 rgb(242,7,20)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7352 Protanopia 1% of men
#8e6e35 Deuteranopia 1% of men
#ce383a Tritanopia 0.001% of the population

Trichromacy

#995948 Protanomaly 1% of men, 0.01% of women
#a45635 Deuteranomaly 6% of men, 0.4% of women
#cd3438 Tritanomaly 0.01% of the population

#cc2d36 hex color

#cc2d36 Color Information

#cc2d36 Color Conversion

Color Schemes with #cc2d36

Alternatives to #cc2d36

#cc2d36 Preview

Shades and Tints of #cc2d36

Tones of #cc2d36

Color Blindness Simulator