#cc282a hex color

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

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

● #cc282a color description : Strong red.

The hexadecimal color #cc282a has RGB values of R:204, G:40, B:42 and CMYK values of C:0, M:0.8, Y:0.79, K:0.2. Its decimal value is 13379626.

Hex triplet	cc282a	`#cc282a`
RGB Decimal	204, 40, 42	`rgb(204,40,42)`
RGB Percent	80, 15.7, 16.5	`rgb(80%,15.7%,16.5%)`
CMYK	0, 80, 79, 20
HSL	359.3°, 67.2, 47.8	`hsl(359.3,67.2%,47.8%)`
HSV (or HSB)	359.3°, 80.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.977, 62.074, 40.818
XYZ	26.08, 14.525, 3.621
xyY	0.59, 0.328, 14.525
CIE-LCH	44.977, 74.292, 33.327
CIE-LUV	44.977, 123.688, 26.125
Hunter-Lab	38.112, 55.45, 21.046
Binary	11001100, 00101000, 00101010

#cc282a
```
#cc282a rgb(204,40,42)
```
#28ccca
```
#28ccca rgb(40,204,202)
```

Complementary Color

#cc287c
```
#cc287c rgb(204,40,124)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#cc7828
```
#cc7828 rgb(204,120,40)
```

Analogous Color

#287ccc
```
#287ccc rgb(40,124,204)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#28cc78
```
#28cc78 rgb(40,204,120)
```

Split Complementary Color

#282acc
```
#282acc rgb(40,42,204)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#2acc28
```
#2acc28 rgb(42,204,40)
```

Triadic Color

#ca28cc
```
#ca28cc rgb(202,40,204)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#2acc28
```
#2acc28 rgb(42,204,40)
```
#28ccca
```
#28ccca rgb(40,204,202)
```

Tetradic Color

#8c1b1d
```
#8c1b1d rgb(140,27,29)
```
#a12021
```
#a12021 rgb(161,32,33)
```
#b72426
```
#b72426 rgb(183,36,38)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#d83638
```
#d83638 rgb(216,54,56)
```
#dc4b4d
```
#dc4b4d rgb(220,75,77)
```
#e06162
```
#e06162 rgb(224,97,98)
```

Monochromatic Color

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

#cc2853
```
#cc2853 rgb(204,40,83)
```
#cc2845
```
#cc2845 rgb(204,40,69)
```
#cc2838
```
#cc2838 rgb(204,40,56)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#cc3428
```
#cc3428 rgb(204,52,40)
```
#cc4128
```
#cc4128 rgb(204,65,40)
```
#cc4f28
```
#cc4f28 rgb(204,79,40)
```

Similar Colors

Text with hexadecimal color #cc282a

This text has a font color of #cc282a.

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

#cc282a background color

This paragraph has a background color of #cc282a.

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

#cc282a border color

This element has a border color of #cc282a.

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

CSS codes

.text {color:#cc282a;}

.background {background-color:#cc282a;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180505
```
#180505 rgb(24,5,5)
```
#280808
```
#280808 rgb(40,8,8)
```
#380b0c
```
#380b0c rgb(56,11,12)
```
#490e0f
```
#490e0f rgb(73,14,15)
```
#591112
```
#591112 rgb(89,17,18)
```
#6a1516
```
#6a1516 rgb(106,21,22)
```
#7a1819
```
#7a1819 rgb(122,24,25)
```
#8a1b1c
```
#8a1b1c rgb(138,27,28)
```
#9b1e20
```
#9b1e20 rgb(155,30,32)
```
#ab2223
```
#ab2223 rgb(171,34,35)
```
#bc2527
```
#bc2527 rgb(188,37,39)
```
#cc282a
```
#cc282a rgb(204,40,42)
```

Shade Color Variation

#d73133
```
#d73133 rgb(215,49,51)
```
#da4143
```
#da4143 rgb(218,65,67)
```
#dd5254
```
#dd5254 rgb(221,82,84)
```
#e06264
```
#e06264 rgb(224,98,100)
```
#e37374
```
#e37374 rgb(227,115,116)
```
#e78384
```
#e78384 rgb(231,131,132)
```
#ea9394
```
#ea9394 rgb(234,147,148)
```
#eda4a5
```
#eda4a5 rgb(237,164,165)
```
#f0b4b5
```
#f0b4b5 rgb(240,180,181)
```
#f4c5c5
```
#f4c5c5 rgb(244,197,197)
```
#f7d5d5
```
#f7d5d5 rgb(247,213,213)
```
#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 #f20205 is the most saturated one.

#817373
```
#817373 rgb(129,115,115)
```
#8a6a6a
```
#8a6a6a rgb(138,106,106)
```
#946061
```
#946061 rgb(148,96,97)
```
#9d5758
```
#9d5758 rgb(157,87,88)
```
#a64e4f
```
#a64e4f rgb(166,78,79)
```
#b04445
```
#b04445 rgb(176,68,69)
```
#b93b3c
```
#b93b3c rgb(185,59,60)
```
#c33133
```
#c33133 rgb(195,49,51)
```
#cc282a
```
#cc282a rgb(204,40,42)
```
#d51f21
```
#d51f21 rgb(213,31,33)
```
#df1518
```
#df1518 rgb(223,21,24)
```
#e80c0f
```
#e80c0f rgb(232,12,15)
```
#f20205
```
#f20205 rgb(242,2,5)
```

Tone Color Variation

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

#7c7246 Protanopia 1% of men
#8d6c27 Deuteranopia 1% of men
#ce3334 Tritanopia 0.001% of the population

Trichromacy

#99573b Protanomaly 1% of men, 0.01% of women
#a45328 Deuteranomaly 6% of men, 0.4% of women
#cd2f30 Tritanomaly 0.01% of the population

#cc282a hex color

#cc282a Color Information

#cc282a Color Conversion

Color Schemes with #cc282a

Alternatives to #cc282a

#cc282a Preview

Shades and Tints of #cc282a

Tones of #cc282a

Color Blindness Simulator