#cc2422 hex color

In a RGB color space, hex #cc2422 is composed of 80% red, 14.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 83.3% yellow and 20% black. It has a hue angle of 0.7 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc2422 color hex could be obtained by blending #ff4844 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 14
- B 13
RGB color chart
- C 0
- M 82
- Y 83
- K 20
CMYK color chart

● #cc2422 color description : Strong red.

The hexadecimal color #cc2422 has RGB values of R:204, G:36, B:34 and CMYK values of C:0, M:0.82, Y:0.83, K:0.2. Its decimal value is 13378594.

Hex triplet	cc2422	`#cc2422`
RGB Decimal	204, 36, 34	`rgb(204,36,34)`
RGB Percent	80, 14.1, 13.3	`rgb(80%,14.1%,13.3%)`
CMYK	0, 82, 83, 20
HSL	0.7°, 71.4, 46.7	`hsl(0.7,71.4%,46.7%)`
HSV (or HSB)	0.7°, 83.3, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.544, 62.871, 44.672
XYZ	25.823, 14.218, 2.898
xyY	0.601, 0.331, 14.218
CIE-LCH	44.544, 77.126, 35.395
CIE-LUV	44.544, 126.827, 27.843
Hunter-Lab	37.707, 56.256, 21.838
Binary	11001100, 00100100, 00100010

#cc2422
```
#cc2422 rgb(204,36,34)
```
#22cacc
```
#22cacc rgb(34,202,204)
```

Complementary Color

#cc2275
```
#cc2275 rgb(204,34,117)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#cc7922
```
#cc7922 rgb(204,121,34)
```

Analogous Color

#2275cc
```
#2275cc rgb(34,117,204)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#22cc79
```
#22cc79 rgb(34,204,121)
```

Split Complementary Color

#2422cc
```
#2422cc rgb(36,34,204)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#22cc24
```
#22cc24 rgb(34,204,36)
```

Triadic Color

#cc22ca
```
#cc22ca rgb(204,34,202)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#22cc24
```
#22cc24 rgb(34,204,36)
```
#22cacc
```
#22cacc rgb(34,202,204)
```

Tetradic Color

#8a1817
```
#8a1817 rgb(138,24,23)
```
#a01c1b
```
#a01c1b rgb(160,28,27)
```
#b6201e
```
#b6201e rgb(182,32,30)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#dc2e2c
```
#dc2e2c rgb(220,46,44)
```
#df4342
```
#df4342 rgb(223,67,66)
```
#e35957
```
#e35957 rgb(227,89,87)
```

Monochromatic Color

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

#cc224b
```
#cc224b rgb(204,34,75)
```
#cc223c
```
#cc223c rgb(204,34,60)
```
#cc222e
```
#cc222e rgb(204,34,46)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#cc3222
```
#cc3222 rgb(204,50,34)
```
#cc4022
```
#cc4022 rgb(204,64,34)
```
#cc4f22
```
#cc4f22 rgb(204,79,34)
```

Similar Colors

Text with hexadecimal color #cc2422

This text has a font color of #cc2422.

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

#cc2422 background color

This paragraph has a background color of #cc2422.

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

#cc2422 border color

This element has a border color of #cc2422.

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

CSS codes

.text {color:#cc2422;}

.background {background-color:#cc2422;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130303
```
#130303 rgb(19,3,3)
```
#240606
```
#240606 rgb(36,6,6)
```
#350909
```
#350909 rgb(53,9,9)
```
#450c0c
```
#450c0c rgb(69,12,12)
```
#560f0e
```
#560f0e rgb(86,15,14)
```
#671211
```
#671211 rgb(103,18,17)
```
#781514
```
#781514 rgb(120,21,20)
```
#891817
```
#891817 rgb(137,24,23)
```
#9a1b1a
```
#9a1b1a rgb(154,27,26)
```
#aa1e1c
```
#aa1e1c rgb(170,30,28)
```
#bb211f
```
#bb211f rgb(187,33,31)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```

Shade Color Variation

#db2927
```
#db2927 rgb(219,41,39)
```
#de3937
```
#de3937 rgb(222,57,55)
```
#e14a48
```
#e14a48 rgb(225,74,72)
```
#e35b59
```
#e35b59 rgb(227,91,89)
```
#e66b6a
```
#e66b6a rgb(230,107,106)
```
#e97c7b
```
#e97c7b rgb(233,124,123)
```
#ec8d8c
```
#ec8d8c rgb(236,141,140)
```
#ef9d9c
```
#ef9d9c rgb(239,157,156)
```
#f1aead
```
#f1aead rgb(241,174,173)
```
#f4bfbe
```
#f4bfbe rgb(244,191,190)
```
#f7cfcf
```
#f7cfcf rgb(247,207,207)
```
#fae0e0
```
#fae0e0 rgb(250,224,224)
```
#fdf1f0
```
#fdf1f0 rgb(253,241,240)
```

Tint Color Variation

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

#7a7474
```
#7a7474 rgb(122,116,116)
```
#836c6b
```
#836c6b rgb(131,108,107)
```
#8c6362
```
#8c6362 rgb(140,99,98)
```
#955a59
```
#955a59 rgb(149,90,89)
```
#9e5150
```
#9e5150 rgb(158,81,80)
```
#a74847
```
#a74847 rgb(167,72,71)
```
#b13f3d
```
#b13f3d rgb(177,63,61)
```
#ba3634
```
#ba3634 rgb(186,54,52)
```
#c32d2b
```
#c32d2b rgb(195,45,43)
```
#cc2422
```
#cc2422 rgb(204,36,34)
```
#d51b19
```
#d51b19 rgb(213,27,25)
```
#de1210
```
#de1210 rgb(222,18,16)
```
#e70907
```
#e70907 rgb(231,9,7)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6e4c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c713d Protanopia 1% of men
#8d6b1c Deuteranopia 1% of men
#ce2f2f Tritanopia 0.001% of the population

Trichromacy

#995533 Protanomaly 1% of men, 0.01% of women
#a3511e Deuteranomaly 6% of men, 0.4% of women
#cd2b2a Tritanomaly 0.01% of the population

#cc2422 hex color

#cc2422 Color Information

#cc2422 Color Conversion

Color Schemes with #cc2422

Alternatives to #cc2422

#cc2422 Preview

Shades and Tints of #cc2422

Tones of #cc2422

Color Blindness Simulator