#cc2524 hex color

In a RGB color space, hex #cc2524 is composed of 80% red, 14.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.9% magenta, 82.4% yellow and 20% black. It has a hue angle of 0.4 degrees, a saturation of 70% and a lightness of 47.1%. #cc2524 color hex could be obtained by blending #ff4a48 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 15
- B 14
RGB color chart
- C 0
- M 82
- Y 82
- K 20
CMYK color chart

● #cc2524 color description : Strong red.

The hexadecimal color #cc2524 has RGB values of R:204, G:37, B:36 and CMYK values of C:0, M:0.82, Y:0.82, K:0.2. Its decimal value is 13378852.

Hex triplet	cc2524	`#cc2524`
RGB Decimal	204, 37, 36	`rgb(204,37,36)`
RGB Percent	80, 14.5, 14.1	`rgb(80%,14.5%,14.1%)`
CMYK	0, 82, 82, 20
HSL	0.4°, 70, 47.1	`hsl(0.4,70%,47.1%)`
HSV (or HSB)	0.4°, 82.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.648, 62.676, 43.728
XYZ	25.883, 14.291, 3.065
xyY	0.599, 0.331, 14.291
CIE-LCH	44.648, 76.422, 34.903
CIE-LUV	44.648, 126.075, 27.449
Hunter-Lab	37.804, 56.058, 21.656
Binary	11001100, 00100101, 00100100

#cc2524
```
#cc2524 rgb(204,37,36)
```
#24cbcc
```
#24cbcc rgb(36,203,204)
```

Complementary Color

#cc2477
```
#cc2477 rgb(204,36,119)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#cc7924
```
#cc7924 rgb(204,121,36)
```

Analogous Color

#2477cc
```
#2477cc rgb(36,119,204)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#24cc79
```
#24cc79 rgb(36,204,121)
```

Split Complementary Color

#2524cc
```
#2524cc rgb(37,36,204)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#24cc25
```
#24cc25 rgb(36,204,37)
```

Triadic Color

#cc24cb
```
#cc24cb rgb(204,36,203)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#24cc25
```
#24cc25 rgb(36,204,37)
```
#24cbcc
```
#24cbcc rgb(36,203,204)
```

Tetradic Color

#8b1919
```
#8b1919 rgb(139,25,25)
```
#a11d1c
```
#a11d1c rgb(161,29,28)
```
#b62120
```
#b62120 rgb(182,33,32)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#da302f
```
#da302f rgb(218,48,47)
```
#de4645
```
#de4645 rgb(222,70,69)
```
#e25b5b
```
#e25b5b rgb(226,91,91)
```

Monochromatic Color

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

#cc244d
```
#cc244d rgb(204,36,77)
```
#cc243f
```
#cc243f rgb(204,36,63)
```
#cc2431
```
#cc2431 rgb(204,36,49)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#cc3324
```
#cc3324 rgb(204,51,36)
```
#cc4124
```
#cc4124 rgb(204,65,36)
```
#cc4f24
```
#cc4f24 rgb(204,79,36)
```

Similar Colors

Text with hexadecimal color #cc2524

This text has a font color of #cc2524.

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

#cc2524 background color

This paragraph has a background color of #cc2524.

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

#cc2524 border color

This element has a border color of #cc2524.

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

CSS codes

.text {color:#cc2524;}

.background {background-color:#cc2524;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150404
```
#150404 rgb(21,4,4)
```
#250707
```
#250707 rgb(37,7,7)
```
#360a0a
```
#360a0a rgb(54,10,10)
```
#470d0c
```
#470d0c rgb(71,13,12)
```
#57100f
```
#57100f rgb(87,16,15)
```
#681312
```
#681312 rgb(104,19,18)
```
#791615
```
#791615 rgb(121,22,21)
```
#891918
```
#891918 rgb(137,25,24)
```
#9a1c1b
```
#9a1c1b rgb(154,28,27)
```
#ab1f1e
```
#ab1f1e rgb(171,31,30)
```
#bb2221
```
#bb2221 rgb(187,34,33)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```

Shade Color Variation

#d92b2a
```
#d92b2a rgb(217,43,42)
```
#dc3c3b
```
#dc3c3b rgb(220,60,59)
```
#df4c4c
```
#df4c4c rgb(223,76,76)
```
#e25d5c
```
#e25d5c rgb(226,93,92)
```
#e56e6d
```
#e56e6d rgb(229,110,109)
```
#e87e7e
```
#e87e7e rgb(232,126,126)
```
#eb8f8e
```
#eb8f8e rgb(235,143,142)
```
#ee9f9f
```
#ee9f9f rgb(238,159,159)
```
#f1b0b0
```
#f1b0b0 rgb(241,176,176)
```
#f4c1c0
```
#f4c1c0 rgb(244,193,192)
```
#f7d1d1
```
#f7d1d1 rgb(247,209,209)
```
#fae2e2
```
#fae2e2 rgb(250,226,226)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

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

#797777
```
#797777 rgb(121,119,119)
```
#826e6e
```
#826e6e rgb(130,110,110)
```
#8b6565
```
#8b6565 rgb(139,101,101)
```
#955c5b
```
#955c5b rgb(149,92,91)
```
#9e5352
```
#9e5352 rgb(158,83,82)
```
#a74949
```
#a74949 rgb(167,73,73)
```
#b04040
```
#b04040 rgb(176,64,64)
```
#ba3736
```
#ba3736 rgb(186,55,54)
```
#c32e2d
```
#c32e2d rgb(195,46,45)
```
#cc2524
```
#cc2524 rgb(204,37,36)
```
#d51c1b
```
#d51c1b rgb(213,28,27)
```
#de1312
```
#de1312 rgb(222,19,18)
```
#e80a08
```
#e80a08 rgb(232,10,8)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6e4d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c713f Protanopia 1% of men
#8d6b1f Deuteranopia 1% of men
#ce3030 Tritanopia 0.001% of the population

Trichromacy

#995535 Protanomaly 1% of men, 0.01% of women
#a45221 Deuteranomaly 6% of men, 0.4% of women
#cd2c2b Tritanomaly 0.01% of the population

#cc2524 hex color

#cc2524 Color Information

#cc2524 Color Conversion

Color Schemes with #cc2524

Alternatives to #cc2524

#cc2524 Preview

Shades and Tints of #cc2524

Tones of #cc2524

Color Blindness Simulator