#cc2a28 hex color

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

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

● #cc2a28 color description : Strong red.

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

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

CIE-LAB	45.151, 61.469, 42.083
XYZ	26.114, 14.65, 3.46
xyY	0.59, 0.331, 14.65
CIE-LCH	45.151, 74.494, 34.397
CIE-LUV	45.151, 123.15, 27.124
Hunter-Lab	38.275, 54.805, 21.433
Binary	11001100, 00101010, 00101000

#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#28cacc
```
#28cacc rgb(40,202,204)
```

Complementary Color

#cc2878
```
#cc2878 rgb(204,40,120)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#cc7c28
```
#cc7c28 rgb(204,124,40)
```

Analogous Color

#2878cc
```
#2878cc rgb(40,120,204)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#28cc7c
```
#28cc7c rgb(40,204,124)
```

Split Complementary Color

#2a28cc
```
#2a28cc rgb(42,40,204)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#28cc2a
```
#28cc2a rgb(40,204,42)
```

Triadic Color

#cc28ca
```
#cc28ca rgb(204,40,202)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#28cc2a
```
#28cc2a rgb(40,204,42)
```
#28cacc
```
#28cacc rgb(40,202,204)
```

Tetradic Color

#8c1d1b
```
#8c1d1b rgb(140,29,27)
```
#a12120
```
#a12120 rgb(161,33,32)
```
#b72624
```
#b72624 rgb(183,38,36)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#d83836
```
#d83836 rgb(216,56,54)
```
#dc4d4b
```
#dc4d4b rgb(220,77,75)
```
#e06261
```
#e06261 rgb(224,98,97)
```

Monochromatic Color

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

#cc284f
```
#cc284f rgb(204,40,79)
```
#cc2841
```
#cc2841 rgb(204,40,65)
```
#cc2834
```
#cc2834 rgb(204,40,52)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#cc3828
```
#cc3828 rgb(204,56,40)
```
#cc4528
```
#cc4528 rgb(204,69,40)
```
#cc5328
```
#cc5328 rgb(204,83,40)
```

Similar Colors

Text with hexadecimal color #cc2a28

This text has a font color of #cc2a28.

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

#cc2a28 background color

This paragraph has a background color of #cc2a28.

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

#cc2a28 border color

This element has a border color of #cc2a28.

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

CSS codes

.text {color:#cc2a28;}

.background {background-color:#cc2a28;}

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

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)
```
#380c0b
```
#380c0b rgb(56,12,11)
```
#490f0e
```
#490f0e rgb(73,15,14)
```
#591211
```
#591211 rgb(89,18,17)
```
#6a1615
```
#6a1615 rgb(106,22,21)
```
#7a1918
```
#7a1918 rgb(122,25,24)
```
#8a1c1b
```
#8a1c1b rgb(138,28,27)
```
#9b201e
```
#9b201e rgb(155,32,30)
```
#ab2322
```
#ab2322 rgb(171,35,34)
```
#bc2725
```
#bc2725 rgb(188,39,37)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```

Shade Color Variation

#d73331
```
#d73331 rgb(215,51,49)
```
#da4341
```
#da4341 rgb(218,67,65)
```
#dd5452
```
#dd5452 rgb(221,84,82)
```
#e06462
```
#e06462 rgb(224,100,98)
```
#e37473
```
#e37473 rgb(227,116,115)
```
#e78483
```
#e78483 rgb(231,132,131)
```
#ea9493
```
#ea9493 rgb(234,148,147)
```
#eda5a4
```
#eda5a4 rgb(237,165,164)
```
#f0b5b4
```
#f0b5b4 rgb(240,181,180)
```
#f4c5c5
```
#f4c5c5 rgb(244,197,197)
```
#f7d5d5
```
#f7d5d5 rgb(247,213,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 #f20502 is the most saturated one.

#817373
```
#817373 rgb(129,115,115)
```
#8a6a6a
```
#8a6a6a rgb(138,106,106)
```
#946160
```
#946160 rgb(148,97,96)
```
#9d5857
```
#9d5857 rgb(157,88,87)
```
#a64f4e
```
#a64f4e rgb(166,79,78)
```
#b04544
```
#b04544 rgb(176,69,68)
```
#b93c3b
```
#b93c3b rgb(185,60,59)
```
#c33331
```
#c33331 rgb(195,51,49)
```
#cc2a28
```
#cc2a28 rgb(204,42,40)
```
#d5211f
```
#d5211f rgb(213,33,31)
```
#df1815
```
#df1815 rgb(223,24,21)
```
#e80f0c
```
#e80f0c rgb(232,15,12)
```
#f20502
```
#f20502 rgb(242,5,2)
```

Tone Color Variation

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

Dichromacy

#7d7243 Protanopia 1% of men
#8e6d25 Deuteranopia 1% of men
#ce3435 Tritanopia 0.001% of the population

Trichromacy

#995839 Protanomaly 1% of men, 0.01% of women
#a45426 Deuteranomaly 6% of men, 0.4% of women
#cd3030 Tritanomaly 0.01% of the population

#cc2a28 hex color

#cc2a28 Color Information

#cc2a28 Color Conversion

Color Schemes with #cc2a28

Alternatives to #cc2a28

#cc2a28 Preview

Shades and Tints of #cc2a28

Tones of #cc2a28

Color Blindness Simulator