#cc1122 hex color

In a RGB color space, hex #cc1122 is composed of 80% red, 6.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.7% magenta, 83.3% yellow and 20% black. It has a hue angle of 354.5 degrees, a saturation of 84.6% and a lightness of 43.3%. #cc1122 color hex could be obtained by blending #ff2244 with #990000. Closest websafe color is: #cc0033.

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

● #cc1122 color description : Strong red.

The hexadecimal color #cc1122 has RGB values of R:204, G:17, B:34 and CMYK values of C:0, M:0.92, Y:0.83, K:0.2. Its decimal value is 13373730.

Hex triplet	cc1122	`#cc1122`
RGB Decimal	204, 17, 34	`rgb(204,17,34)`
RGB Percent	80, 6.7, 13.3	`rgb(80%,6.7%,13.3%)`
CMYK	0, 92, 83, 20
HSL	354.5°, 84.6, 43.3	`hsl(354.5,84.6%,43.3%)`
HSV (or HSB)	354.5°, 91.7, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.296, 66.439, 43.524
XYZ	25.392, 13.357, 2.755
xyY	0.612, 0.322, 13.357
CIE-LCH	43.296, 79.425, 33.229
CIE-LUV	43.296, 132.943, 25.537
Hunter-Lab	36.547, 60.06, 21.115
Binary	11001100, 00010001, 00100010

#cc1122
```
#cc1122 rgb(204,17,34)
```
#11ccbb
```
#11ccbb rgb(17,204,187)
```

Complementary Color

#cc1180
```
#cc1180 rgb(204,17,128)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#cc5e11
```
#cc5e11 rgb(204,94,17)
```

Analogous Color

#1180cc
```
#1180cc rgb(17,128,204)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#11cc5e
```
#11cc5e rgb(17,204,94)
```

Split Complementary Color

#1122cc
```
#1122cc rgb(17,34,204)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#22cc11
```
#22cc11 rgb(34,204,17)
```

Triadic Color

#bb11cc
```
#bb11cc rgb(187,17,204)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#22cc11
```
#22cc11 rgb(34,204,17)
```
#11ccbb
```
#11ccbb rgb(17,204,187)
```

Tetradic Color

#850b16
```
#850b16 rgb(133,11,22)
```
#9d0d1a
```
#9d0d1a rgb(157,13,26)
```
#b40f1e
```
#b40f1e rgb(180,15,30)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#e41326
```
#e41326 rgb(228,19,38)
```
#ed2336
```
#ed2336 rgb(237,35,54)
```
#ef3b4b
```
#ef3b4b rgb(239,59,75)
```

Monochromatic Color

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

#cc1151
```
#cc1151 rgb(204,17,81)
```
#cc1141
```
#cc1141 rgb(204,17,65)
```
#cc1132
```
#cc1132 rgb(204,17,50)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#cc1112
```
#cc1112 rgb(204,17,18)
```
#cc1f11
```
#cc1f11 rgb(204,31,17)
```
#cc2f11
```
#cc2f11 rgb(204,47,17)
```

Similar Colors

Text with hexadecimal color #cc1122

This text has a font color of #cc1122.

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

#cc1122 background color

This paragraph has a background color of #cc1122.

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

#cc1122 border color

This element has a border color of #cc1122.

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

CSS codes

.text {color:#cc1122;}

.background {background-color:#cc1122;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#170204
```
#170204 rgb(23,2,4)
```
#290307
```
#290307 rgb(41,3,7)
```
#3b050a
```
#3b050a rgb(59,5,10)
```
#4d060d
```
#4d060d rgb(77,6,13)
```
#5f0810
```
#5f0810 rgb(95,8,16)
```
#710913
```
#710913 rgb(113,9,19)
```
#840b16
```
#840b16 rgb(132,11,22)
```
#960c19
```
#960c19 rgb(150,12,25)
```
#a80e1c
```
#a80e1c rgb(168,14,28)
```
#ba0f1f
```
#ba0f1f rgb(186,15,31)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#de1325
```
#de1325 rgb(222,19,37)
```

Shade Color Variation

#ec182c
```
#ec182c rgb(236,24,44)
```
#ed2b3c
```
#ed2b3c rgb(237,43,60)
```
#ef3d4d
```
#ef3d4d rgb(239,61,77)
```
#f04f5d
```
#f04f5d rgb(240,79,93)
```
#f2616e
```
#f2616e rgb(242,97,110)
```
#f3737f
```
#f3737f rgb(243,115,127)
```
#f5858f
```
#f5858f rgb(245,133,143)
```
#f697a0
```
#f697a0 rgb(246,151,160)
```
#f8a9b0
```
#f8a9b0 rgb(248,169,176)
```
#f9bbc1
```
#f9bbc1 rgb(249,187,193)
```
#fbced2
```
#fbced2 rgb(251,206,210)
```
#fce0e2
```
#fce0e2 rgb(252,224,226)
```
#fef2f3
```
#fef2f3 rgb(254,242,243)
```

Tint Color Variation

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

#776668
```
#776668 rgb(119,102,104)
```
#805e61
```
#805e61 rgb(128,94,97)
```
#88555a
```
#88555a rgb(136,85,90)
```
#914d53
```
#914d53 rgb(145,77,83)
```
#99444c
```
#99444c rgb(153,68,76)
```
#a23c45
```
#a23c45 rgb(162,60,69)
```
#aa333e
```
#aa333e rgb(170,51,62)
```
#b32b37
```
#b32b37 rgb(179,43,55)
```
#bb2230
```
#bb2230 rgb(187,34,48)
```
#c41a29
```
#c41a29 rgb(196,26,41)
```
#cc1122
```
#cc1122 rgb(204,17,34)
```
#d5091b
```
#d5091b rgb(213,9,27)
```
#dd0014
```
#dd0014 rgb(221,0,20)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#653f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e3f Protanopia 1% of men
#89681b Deuteranopia 1% of men
#ce201c Tritanopia 0.001% of the population

Trichromacy

#974c35 Protanomaly 1% of men, 0.01% of women
#a1481d Deuteranomaly 6% of men, 0.4% of women
#cd1a1e Tritanomaly 0.01% of the population

#cc1122 hex color

#cc1122 Color Information

#cc1122 Color Conversion

Color Schemes with #cc1122

Alternatives to #cc1122

#cc1122 Preview

Shades and Tints of #cc1122

Tones of #cc1122

Color Blindness Simulator