#cc2c28 hex color

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

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

● #cc2c28 color description : Strong red.

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

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

CIE-LAB	45.352, 60.901, 42.284
XYZ	26.187, 14.795, 3.484
xyY	0.589, 0.333, 14.795
CIE-LCH	45.352, 74.14, 34.772
CIE-LUV	45.352, 122.201, 27.499
Hunter-Lab	38.465, 54.211, 21.554
Binary	11001100, 00101100, 00101000

#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#28c8cc
```
#28c8cc rgb(40,200,204)
```

Complementary Color

#cc2876
```
#cc2876 rgb(204,40,118)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#cc7e28
```
#cc7e28 rgb(204,126,40)
```

Analogous Color

#2876cc
```
#2876cc rgb(40,118,204)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#28cc7e
```
#28cc7e rgb(40,204,126)
```

Split Complementary Color

#2c28cc
```
#2c28cc rgb(44,40,204)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#28cc2c
```
#28cc2c rgb(40,204,44)
```

Triadic Color

#cc28c8
```
#cc28c8 rgb(204,40,200)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#28cc2c
```
#28cc2c rgb(40,204,44)
```
#28c8cc
```
#28c8cc rgb(40,200,204)
```

Tetradic Color

#8c1e1b
```
#8c1e1b rgb(140,30,27)
```
#a12320
```
#a12320 rgb(161,35,32)
```
#b72724
```
#b72724 rgb(183,39,36)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#d83a36
```
#d83a36 rgb(216,58,54)
```
#dc4f4b
```
#dc4f4b rgb(220,79,75)
```
#e06461
```
#e06461 rgb(224,100,97)
```

Monochromatic Color

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

#cc284d
```
#cc284d rgb(204,40,77)
```
#cc283f
```
#cc283f rgb(204,40,63)
```
#cc2832
```
#cc2832 rgb(204,40,50)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#cc3a28
```
#cc3a28 rgb(204,58,40)
```
#cc4728
```
#cc4728 rgb(204,71,40)
```
#cc5528
```
#cc5528 rgb(204,85,40)
```

Similar Colors

Text with hexadecimal color #cc2c28

This text has a font color of #cc2c28.

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

#cc2c28 background color

This paragraph has a background color of #cc2c28.

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

#cc2c28 border color

This element has a border color of #cc2c28.

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

CSS codes

.text {color:#cc2c28;}

.background {background-color:#cc2c28;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180505
```
#180505 rgb(24,5,5)
```
#280908
```
#280908 rgb(40,9,8)
```
#380c0b
```
#380c0b rgb(56,12,11)
```
#49100e
```
#49100e rgb(73,16,14)
```
#591311
```
#591311 rgb(89,19,17)
```
#6a1715
```
#6a1715 rgb(106,23,21)
```
#7a1a18
```
#7a1a18 rgb(122,26,24)
```
#8a1e1b
```
#8a1e1b rgb(138,30,27)
```
#9b211e
```
#9b211e rgb(155,33,30)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#bc2825
```
#bc2825 rgb(188,40,37)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```

Shade Color Variation

#d73531
```
#d73531 rgb(215,53,49)
```
#da4541
```
#da4541 rgb(218,69,65)
```
#dd5552
```
#dd5552 rgb(221,85,82)
```
#e06562
```
#e06562 rgb(224,101,98)
```
#e37573
```
#e37573 rgb(227,117,115)
```
#e78583
```
#e78583 rgb(231,133,131)
```
#ea9693
```
#ea9693 rgb(234,150,147)
```
#eda6a4
```
#eda6a4 rgb(237,166,164)
```
#f0b6b4
```
#f0b6b4 rgb(240,182,180)
```
#f4c6c5
```
#f4c6c5 rgb(244,198,197)
```
#f7d6d5
```
#f7d6d5 rgb(247,214,213)
```
#fae6e5
```
#fae6e5 rgb(250,230,229)
```
#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 #f20802 is the most saturated one.

#817373
```
#817373 rgb(129,115,115)
```
#8a6a6a
```
#8a6a6a rgb(138,106,106)
```
#946260
```
#946260 rgb(148,98,96)
```
#9d5957
```
#9d5957 rgb(157,89,87)
```
#a6504e
```
#a6504e rgb(166,80,78)
```
#b04744
```
#b04744 rgb(176,71,68)
```
#b93e3b
```
#b93e3b rgb(185,62,59)
```
#c33531
```
#c33531 rgb(195,53,49)
```
#cc2c28
```
#cc2c28 rgb(204,44,40)
```
#d5231f
```
#d5231f rgb(213,35,31)
```
#df1a15
```
#df1a15 rgb(223,26,21)
```
#e8110c
```
#e8110c rgb(232,17,12)
```
#f20802
```
#f20802 rgb(242,8,2)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#725251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7343 Protanopia 1% of men
#8e6d25 Deuteranopia 1% of men
#ce3637 Tritanopia 0.001% of the population

Trichromacy

#9a5939 Protanomaly 1% of men, 0.01% of women
#a55526 Deuteranomaly 6% of men, 0.4% of women
#cd3231 Tritanomaly 0.01% of the population

#cc2c28 hex color

#cc2c28 Color Information

#cc2c28 Color Conversion

Color Schemes with #cc2c28

Alternatives to #cc2c28

#cc2c28 Preview

Shades and Tints of #cc2c28

Tones of #cc2c28

Color Blindness Simulator