#cc242e hex color

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

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

● #cc242e color description : Strong red.

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

Hex triplet	cc242e	`#cc242e`
RGB Decimal	204, 36, 46	`rgb(204,36,46)`
RGB Percent	80, 14.1, 18	`rgb(80%,14.1%,18%)`
CMYK	0, 82, 77, 20
HSL	356.4°, 70, 47.1	`hsl(356.4,70%,47.1%)`
HSV (or HSB)	356.4°, 82.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.66, 63.224, 38.242
XYZ	26.027, 14.3, 3.974
xyY	0.588, 0.323, 14.3
CIE-LCH	44.66, 73.89, 31.168
CIE-LUV	44.66, 124.569, 24.074
Hunter-Lab	37.815, 56.682, 20.239
Binary	11001100, 00100100, 00101110

#cc242e
```
#cc242e rgb(204,36,46)
```
#24ccc2
```
#24ccc2 rgb(36,204,194)
```

Complementary Color

#cc2482
```
#cc2482 rgb(204,36,130)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#cc6e24
```
#cc6e24 rgb(204,110,36)
```

Analogous Color

#2482cc
```
#2482cc rgb(36,130,204)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#24cc6e
```
#24cc6e rgb(36,204,110)
```

Split Complementary Color

#242ecc
```
#242ecc rgb(36,46,204)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#2ecc24
```
#2ecc24 rgb(46,204,36)
```

Triadic Color

#c224cc
```
#c224cc rgb(194,36,204)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#2ecc24
```
#2ecc24 rgb(46,204,36)
```
#24ccc2
```
#24ccc2 rgb(36,204,194)
```

Tetradic Color

#8b191f
```
#8b191f rgb(139,25,31)
```
#a11c24
```
#a11c24 rgb(161,28,36)
```
#b62029
```
#b62029 rgb(182,32,41)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#da2f39
```
#da2f39 rgb(218,47,57)
```
#de454e
```
#de454e rgb(222,69,78)
```
#e25b63
```
#e25b63 rgb(226,91,99)
```

Monochromatic Color

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

#cc2458
```
#cc2458 rgb(204,36,88)
```
#cc244a
```
#cc244a rgb(204,36,74)
```
#cc243c
```
#cc243c rgb(204,36,60)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#cc2824
```
#cc2824 rgb(204,40,36)
```
#cc3624
```
#cc3624 rgb(204,54,36)
```
#cc4424
```
#cc4424 rgb(204,68,36)
```

Similar Colors

Text with hexadecimal color #cc242e

This text has a font color of #cc242e.

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

#cc242e background color

This paragraph has a background color of #cc242e.

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

#cc242e border color

This element has a border color of #cc242e.

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

CSS codes

.text {color:#cc242e;}

.background {background-color:#cc242e;}

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

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 #fdf2f3 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#150405
```
#150405 rgb(21,4,5)
```
#250708
```
#250708 rgb(37,7,8)
```
#360a0c
```
#360a0c rgb(54,10,12)
```
#470c10
```
#470c10 rgb(71,12,16)
```
#570f14
```
#570f14 rgb(87,15,20)
```
#681217
```
#681217 rgb(104,18,23)
```
#79151b
```
#79151b rgb(121,21,27)
```
#89181f
```
#89181f rgb(137,24,31)
```
#9a1b23
```
#9a1b23 rgb(154,27,35)
```
#ab1e26
```
#ab1e26 rgb(171,30,38)
```
#bb212a
```
#bb212a rgb(187,33,42)
```
#cc242e
```
#cc242e rgb(204,36,46)
```

Shade Color Variation

#d92a35
```
#d92a35 rgb(217,42,53)
```
#dc3b44
```
#dc3b44 rgb(220,59,68)
```
#df4c54
```
#df4c54 rgb(223,76,84)
```
#e25c64
```
#e25c64 rgb(226,92,100)
```
#e56d74
```
#e56d74 rgb(229,109,116)
```
#e87e84
```
#e87e84 rgb(232,126,132)
```
#eb8e94
```
#eb8e94 rgb(235,142,148)
```
#ee9fa4
```
#ee9fa4 rgb(238,159,164)
```
#f1b0b3
```
#f1b0b3 rgb(241,176,179)
```
#f4c0c3
```
#f4c0c3 rgb(244,192,195)
```
#f7d1d3
```
#f7d1d3 rgb(247,209,211)
```
#fae2e3
```
#fae2e3 rgb(250,226,227)
```
#fdf2f3
```
#fdf2f3 rgb(253,242,243)
```

Tint Color Variation

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

#797777
```
#797777 rgb(121,119,119)
```
#826e6f
```
#826e6f rgb(130,110,111)
```
#8b6567
```
#8b6567 rgb(139,101,103)
```
#955b5f
```
#955b5f rgb(149,91,95)
```
#9e5257
```
#9e5257 rgb(158,82,87)
```
#a7494f
```
#a7494f rgb(167,73,79)
```
#b04046
```
#b04046 rgb(176,64,70)
```
#ba363e
```
#ba363e rgb(186,54,62)
```
#c32d36
```
#c32d36 rgb(195,45,54)
```
#cc242e
```
#cc242e rgb(204,36,46)
```
#d51b26
```
#d51b26 rgb(213,27,38)
```
#de121e
```
#de121e rgb(222,18,30)
```
#e80816
```
#e80816 rgb(232,8,22)
```

Tone Color Variation

Below, you can see how #cc242e 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
#6e4d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a714b Protanopia 1% of men
#8c6c2b Deuteranopia 1% of men
#ce3031 Tritanopia 0.001% of the population

Trichromacy

#985540 Protanomaly 1% of men, 0.01% of women
#a3512c Deuteranomaly 6% of men, 0.4% of women
#cd2c2f Tritanomaly 0.01% of the population

#cc242e hex color

#cc242e Color Information

#cc242e Color Conversion

Color Schemes with #cc242e

Alternatives to #cc242e

#cc242e Preview

Shades and Tints of #cc242e

Tones of #cc242e

Color Blindness Simulator