#cc282c hex color

In a RGB color space, hex #cc282c is composed of 80% red, 15.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 78.4% yellow and 20% black. It has a hue angle of 358.5 degrees, a saturation of 67.2% and a lightness of 47.8%. #cc282c color hex could be obtained by blending #ff5058 with #990000. Closest websafe color is: #cc3333.

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

● #cc282c color description : Strong red.

The hexadecimal color #cc282c has RGB values of R:204, G:40, B:44 and CMYK values of C:0, M:0.8, Y:0.78, K:0.2. Its decimal value is 13379628.

Hex triplet	cc282c	`#cc282c`
RGB Decimal	204, 40, 44	`rgb(204,40,44)`
RGB Percent	80, 15.7, 17.3	`rgb(80%,15.7%,17.3%)`
CMYK	0, 80, 78, 20
HSL	358.5°, 67.2, 47.8	`hsl(358.5,67.2%,47.8%)`
HSV (or HSB)	358.5°, 80.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.998, 62.138, 39.729
XYZ	26.117, 14.54, 3.814
xyY	0.587, 0.327, 14.54
CIE-LCH	44.998, 73.753, 32.593
CIE-LUV	44.998, 123.297, 25.457
Hunter-Lab	38.131, 55.526, 20.761
Binary	11001100, 00101000, 00101100

#cc282c
```
#cc282c rgb(204,40,44)
```
#28ccc8
```
#28ccc8 rgb(40,204,200)
```

Complementary Color

#cc287e
```
#cc287e rgb(204,40,126)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#cc7628
```
#cc7628 rgb(204,118,40)
```

Analogous Color

#287ecc
```
#287ecc rgb(40,126,204)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#28cc76
```
#28cc76 rgb(40,204,118)
```

Split Complementary Color

#282ccc
```
#282ccc rgb(40,44,204)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#2ccc28
```
#2ccc28 rgb(44,204,40)
```

Triadic Color

#c828cc
```
#c828cc rgb(200,40,204)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#2ccc28
```
#2ccc28 rgb(44,204,40)
```
#28ccc8
```
#28ccc8 rgb(40,204,200)
```

Tetradic Color

#8c1b1e
```
#8c1b1e rgb(140,27,30)
```
#a12023
```
#a12023 rgb(161,32,35)
```
#b72427
```
#b72427 rgb(183,36,39)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#d8363a
```
#d8363a rgb(216,54,58)
```
#dc4b4f
```
#dc4b4f rgb(220,75,79)
```
#e06164
```
#e06164 rgb(224,97,100)
```

Monochromatic Color

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

#cc2855
```
#cc2855 rgb(204,40,85)
```
#cc2847
```
#cc2847 rgb(204,40,71)
```
#cc283a
```
#cc283a rgb(204,40,58)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#cc3228
```
#cc3228 rgb(204,50,40)
```
#cc3f28
```
#cc3f28 rgb(204,63,40)
```
#cc4d28
```
#cc4d28 rgb(204,77,40)
```

Similar Colors

Text with hexadecimal color #cc282c

This text has a font color of #cc282c.

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

#cc282c background color

This paragraph has a background color of #cc282c.

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

#cc282c border color

This element has a border color of #cc282c.

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

CSS codes

.text {color:#cc282c;}

.background {background-color:#cc282c;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#180505
```
#180505 rgb(24,5,5)
```
#280809
```
#280809 rgb(40,8,9)
```
#380b0c
```
#380b0c rgb(56,11,12)
```
#490e10
```
#490e10 rgb(73,14,16)
```
#591113
```
#591113 rgb(89,17,19)
```
#6a1517
```
#6a1517 rgb(106,21,23)
```
#7a181a
```
#7a181a rgb(122,24,26)
```
#8a1b1e
```
#8a1b1e rgb(138,27,30)
```
#9b1e21
```
#9b1e21 rgb(155,30,33)
```
#ab2225
```
#ab2225 rgb(171,34,37)
```
#bc2528
```
#bc2528 rgb(188,37,40)
```
#cc282c
```
#cc282c rgb(204,40,44)
```

Shade Color Variation

#d73135
```
#d73135 rgb(215,49,53)
```
#da4145
```
#da4145 rgb(218,65,69)
```
#dd5255
```
#dd5255 rgb(221,82,85)
```
#e06265
```
#e06265 rgb(224,98,101)
```
#e37375
```
#e37375 rgb(227,115,117)
```
#e78385
```
#e78385 rgb(231,131,133)
```
#ea9396
```
#ea9396 rgb(234,147,150)
```
#eda4a6
```
#eda4a6 rgb(237,164,166)
```
#f0b4b6
```
#f0b4b6 rgb(240,180,182)
```
#f4c5c6
```
#f4c5c6 rgb(244,197,198)
```
#f7d5d6
```
#f7d5d6 rgb(247,213,214)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#817373
```
#817373 rgb(129,115,115)
```
#8a6a6a
```
#8a6a6a rgb(138,106,106)
```
#946062
```
#946062 rgb(148,96,98)
```
#9d5759
```
#9d5759 rgb(157,87,89)
```
#a64e50
```
#a64e50 rgb(166,78,80)
```
#b04447
```
#b04447 rgb(176,68,71)
```
#b93b3e
```
#b93b3e rgb(185,59,62)
```
#c33135
```
#c33135 rgb(195,49,53)
```
#cc282c
```
#cc282c rgb(204,40,44)
```
#d51f23
```
#d51f23 rgb(213,31,35)
```
#df151a
```
#df151a rgb(223,21,26)
```
#e80c11
```
#e80c11 rgb(232,12,17)
```
#f20208
```
#f20208 rgb(242,2,8)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#704f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7248 Protanopia 1% of men
#8d6c29 Deuteranopia 1% of men
#ce3334 Tritanopia 0.001% of the population

Trichromacy

#99573e Protanomaly 1% of men, 0.01% of women
#a4532a Deuteranomaly 6% of men, 0.4% of women
#cd2f31 Tritanomaly 0.01% of the population

#cc282c hex color

#cc282c Color Information

#cc282c Color Conversion

Color Schemes with #cc282c

Alternatives to #cc282c

#cc282c Preview

Shades and Tints of #cc282c

Tones of #cc282c

Color Blindness Simulator