#cc282d hex color

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

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

● #cc282d color description : Strong red.

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

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

CIE-LAB	45.008, 62.171, 39.179
XYZ	26.136, 14.548, 3.914
xyY	0.586, 0.326, 14.548
CIE-LCH	45.008, 73.486, 32.218
CIE-LUV	45.008, 123.095, 25.112
Hunter-Lab	38.141, 55.566, 20.614
Binary	11001100, 00101000, 00101101

#cc282d
```
#cc282d rgb(204,40,45)
```
#28ccc7
```
#28ccc7 rgb(40,204,199)
```

Complementary Color

#cc287f
```
#cc287f rgb(204,40,127)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#cc7528
```
#cc7528 rgb(204,117,40)
```

Analogous Color

#287fcc
```
#287fcc rgb(40,127,204)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#28cc75
```
#28cc75 rgb(40,204,117)
```

Split Complementary Color

#282dcc
```
#282dcc rgb(40,45,204)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#2dcc28
```
#2dcc28 rgb(45,204,40)
```

Triadic Color

#c728cc
```
#c728cc rgb(199,40,204)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#2dcc28
```
#2dcc28 rgb(45,204,40)
```
#28ccc7
```
#28ccc7 rgb(40,204,199)
```

Tetradic Color

#8c1b1f
```
#8c1b1f rgb(140,27,31)
```
#a12024
```
#a12024 rgb(161,32,36)
```
#b72428
```
#b72428 rgb(183,36,40)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#d8363b
```
#d8363b rgb(216,54,59)
```
#dc4b50
```
#dc4b50 rgb(220,75,80)
```
#e06164
```
#e06164 rgb(224,97,100)
```

Monochromatic Color

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

#cc2856
```
#cc2856 rgb(204,40,86)
```
#cc2848
```
#cc2848 rgb(204,40,72)
```
#cc283b
```
#cc283b rgb(204,40,59)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#cc3128
```
#cc3128 rgb(204,49,40)
```
#cc3e28
```
#cc3e28 rgb(204,62,40)
```
#cc4c28
```
#cc4c28 rgb(204,76,40)
```

Similar Colors

Text with hexadecimal color #cc282d

This text has a font color of #cc282d.

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

#cc282d background color

This paragraph has a background color of #cc282d.

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

#cc282d border color

This element has a border color of #cc282d.

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

CSS codes

.text {color:#cc282d;}

.background {background-color:#cc282d;}

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

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)
```
#591114
```
#591114 rgb(89,17,20)
```
#6a1517
```
#6a1517 rgb(106,21,23)
```
#7a181b
```
#7a181b rgb(122,24,27)
```
#8a1b1f
```
#8a1b1f rgb(138,27,31)
```
#9b1e22
```
#9b1e22 rgb(155,30,34)
```
#ab2226
```
#ab2226 rgb(171,34,38)
```
#bc2529
```
#bc2529 rgb(188,37,41)
```
#cc282d
```
#cc282d rgb(204,40,45)
```

Shade Color Variation

#d73136
```
#d73136 rgb(215,49,54)
```
#da4146
```
#da4146 rgb(218,65,70)
```
#dd5256
```
#dd5256 rgb(221,82,86)
```
#e06266
```
#e06266 rgb(224,98,102)
```
#e37376
```
#e37376 rgb(227,115,118)
```
#e78386
```
#e78386 rgb(231,131,134)
```
#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 #f2020a is the most saturated one.

#817373
```
#817373 rgb(129,115,115)
```
#8a6a6b
```
#8a6a6b rgb(138,106,107)
```
#946062
```
#946062 rgb(148,96,98)
```
#9d5759
```
#9d5759 rgb(157,87,89)
```
#a64e50
```
#a64e50 rgb(166,78,80)
```
#b04447
```
#b04447 rgb(176,68,71)
```
#b93b3f
```
#b93b3f rgb(185,59,63)
```
#c33136
```
#c33136 rgb(195,49,54)
```
#cc282d
```
#cc282d rgb(204,40,45)
```
#d51f24
```
#d51f24 rgb(213,31,36)
```
#df151b
```
#df151b rgb(223,21,27)
```
#e80c13
```
#e80c13 rgb(232,12,19)
```
#f2020a
```
#f2020a rgb(242,2,10)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#715051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7249 Protanopia 1% of men
#8d6c2b Deuteranopia 1% of men
#ce3334 Tritanopia 0.001% of the population

Trichromacy

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

#cc282d hex color

#cc282d Color Information

#cc282d Color Conversion

Color Schemes with #cc282d

Alternatives to #cc282d

#cc282d Preview

Shades and Tints of #cc282d

Tones of #cc282d

Color Blindness Simulator