#cc1622 hex color

In a RGB color space, hex #cc1622 is composed of 80% red, 8.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 83.3% yellow and 20% black. It has a hue angle of 356 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc1622 color hex could be obtained by blending #ff2c44 with #990000. Closest websafe color is: #cc0033.

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

● #cc1622 color description : Strong red.

The hexadecimal color #cc1622 has RGB values of R:204, G:22, B:34 and CMYK values of C:0, M:0.89, Y:0.83, K:0.2. Its decimal value is 13375010.

Hex triplet	cc1622	`#cc1622`
RGB Decimal	204, 22, 34	`rgb(204,22,34)`
RGB Percent	80, 8.6, 13.3	`rgb(80%,8.6%,13.3%)`
CMYK	0, 89, 83, 20
HSL	356°, 80.5, 44.3	`hsl(356,80.5%,44.3%)`
HSV (or HSB)	356°, 89.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.551, 65.705, 43.759
XYZ	25.479, 13.53, 2.783
xyY	0.61, 0.324, 13.53
CIE-LCH	43.551, 78.943, 33.663
CIE-LUV	43.551, 131.681, 26.01
Hunter-Lab	36.783, 59.272, 21.262
Binary	11001100, 00010110, 00100010

#cc1622
```
#cc1622 rgb(204,22,34)
```
#16ccc0
```
#16ccc0 rgb(22,204,192)
```

Complementary Color

#cc167d
```
#cc167d rgb(204,22,125)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#cc6516
```
#cc6516 rgb(204,101,22)
```

Analogous Color

#167dcc
```
#167dcc rgb(22,125,204)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#16cc65
```
#16cc65 rgb(22,204,101)
```

Split Complementary Color

#1622cc
```
#1622cc rgb(22,34,204)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#22cc16
```
#22cc16 rgb(34,204,22)
```

Triadic Color

#c016cc
```
#c016cc rgb(192,22,204)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#22cc16
```
#22cc16 rgb(34,204,22)
```
#16ccc0
```
#16ccc0 rgb(22,204,192)
```

Tetradic Color

#870f16
```
#870f16 rgb(135,15,22)
```
#9e111a
```
#9e111a rgb(158,17,26)
```
#b5141e
```
#b5141e rgb(181,20,30)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#e31826
```
#e31826 rgb(227,24,38)
```
#e82d39
```
#e82d39 rgb(232,45,57)
```
#eb444f
```
#eb444f rgb(235,68,79)
```

Monochromatic Color

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

#cc1650
```
#cc1650 rgb(204,22,80)
```
#cc1640
```
#cc1640 rgb(204,22,64)
```
#cc1631
```
#cc1631 rgb(204,22,49)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#cc1916
```
#cc1916 rgb(204,25,22)
```
#cc2816
```
#cc2816 rgb(204,40,22)
```
#cc3816
```
#cc3816 rgb(204,56,22)
```

Similar Colors

Text with hexadecimal color #cc1622

This text has a font color of #cc1622.

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

#cc1622 background color

This paragraph has a background color of #cc1622.

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

#cc1622 border color

This element has a border color of #cc1622.

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

CSS codes

.text {color:#cc1622;}

.background {background-color:#cc1622;}

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

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

#090102
```
#090102 rgb(9,1,2)
```
#1b0304
```
#1b0304 rgb(27,3,4)
```
#2d0507
```
#2d0507 rgb(45,5,7)
```
#3e070a
```
#3e070a rgb(62,7,10)
```
#50090d
```
#50090d rgb(80,9,13)
```
#620b10
```
#620b10 rgb(98,11,16)
```
#730c13
```
#730c13 rgb(115,12,19)
```
#850e16
```
#850e16 rgb(133,14,22)
```
#971019
```
#971019 rgb(151,16,25)
```
#a9121c
```
#a9121c rgb(169,18,28)
```
#ba141f
```
#ba141f rgb(186,20,31)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#de1825
```
#de1825 rgb(222,24,37)
```

Shade Color Variation

#e7222f
```
#e7222f rgb(231,34,47)
```
#e93440
```
#e93440 rgb(233,52,64)
```
#eb4550
```
#eb4550 rgb(235,69,80)
```
#ed5761
```
#ed5761 rgb(237,87,97)
```
#ef6972
```
#ef6972 rgb(239,105,114)
```
#f17b82
```
#f17b82 rgb(241,123,130)
```
#f38c93
```
#f38c93 rgb(243,140,147)
```
#f59ea4
```
#f59ea4 rgb(245,158,164)
```
#f6b0b4
```
#f6b0b4 rgb(246,176,180)
```
#f8c1c5
```
#f8c1c5 rgb(248,193,197)
```
#fad3d6
```
#fad3d6 rgb(250,211,214)
```
#fce5e6
```
#fce5e6 rgb(252,229,230)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#756d6d
```
#756d6d rgb(117,109,109)
```
#7e6466
```
#7e6466 rgb(126,100,102)
```
#865c5e
```
#865c5e rgb(134,92,94)
```
#8f5357
```
#8f5357 rgb(143,83,87)
```
#984a4f
```
#984a4f rgb(152,74,79)
```
#a14148
```
#a14148 rgb(161,65,72)
```
#a93940
```
#a93940 rgb(169,57,64)
```
#b23039
```
#b23039 rgb(178,48,57)
```
#bb2731
```
#bb2731 rgb(187,39,49)
```
#c31f2a
```
#c31f2a rgb(195,31,42)
```
#cc1622
```
#cc1622 rgb(204,22,34)
```
#d50d1a
```
#d50d1a rgb(213,13,26)
```
#dd0513
```
#dd0513 rgb(221,5,19)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#674345 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3f Protanopia 1% of men
#8a691b Deuteranopia 1% of men
#ce2421 Tritanopia 0.001% of the population

Trichromacy

#974e34 Protanomaly 1% of men, 0.01% of women
#a24b1d Deuteranomaly 6% of men, 0.4% of women
#cd1f21 Tritanomaly 0.01% of the population

#cc1622 hex color

#cc1622 Color Information

#cc1622 Color Conversion

Color Schemes with #cc1622

Alternatives to #cc1622

#cc1622 Preview

Shades and Tints of #cc1622

Tones of #cc1622

Color Blindness Simulator