#cc1222 hex color

In a RGB color space, hex #cc1222 is composed of 80% red, 7.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 83.3% yellow and 20% black. It has a hue angle of 354.8 degrees, a saturation of 83.8% and a lightness of 43.5%. #cc1222 color hex could be obtained by blending #ff2444 with #990000. Closest websafe color is: #cc0033.

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

● #cc1222 color description : Strong red.

The hexadecimal color #cc1222 has RGB values of R:204, G:18, B:34 and CMYK values of C:0, M:0.91, Y:0.83, K:0.2. Its decimal value is 13373986.

Hex triplet	cc1222	`#cc1222`
RGB Decimal	204, 18, 34	`rgb(204,18,34)`
RGB Percent	80, 7.1, 13.3	`rgb(80%,7.1%,13.3%)`
CMYK	0, 91, 83, 20
HSL	354.8°, 83.8, 43.5	`hsl(354.8,83.8%,43.5%)`
HSV (or HSB)	354.8°, 91.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.343, 66.303, 43.567
XYZ	25.408, 13.389, 2.76
xyY	0.611, 0.322, 13.389
CIE-LCH	43.343, 79.336, 33.308
CIE-LUV	43.343, 132.711, 25.624
Hunter-Lab	36.591, 59.915, 21.142
Binary	11001100, 00010010, 00100010

#cc1222
```
#cc1222 rgb(204,18,34)
```
#12ccbc
```
#12ccbc rgb(18,204,188)
```

Complementary Color

#cc127f
```
#cc127f rgb(204,18,127)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#cc5f12
```
#cc5f12 rgb(204,95,18)
```

Analogous Color

#127fcc
```
#127fcc rgb(18,127,204)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#12cc5f
```
#12cc5f rgb(18,204,95)
```

Split Complementary Color

#1222cc
```
#1222cc rgb(18,34,204)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```

Triadic Color

#bc12cc
```
#bc12cc rgb(188,18,204)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#12ccbc
```
#12ccbc rgb(18,204,188)
```

Tetradic Color

#860c16
```
#860c16 rgb(134,12,22)
```
#9d0e1a
```
#9d0e1a rgb(157,14,26)
```
#b5101e
```
#b5101e rgb(181,16,30)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#e31426
```
#e31426 rgb(227,20,38)
```
#ec2536
```
#ec2536 rgb(236,37,54)
```
#ee3d4c
```
#ee3d4c rgb(238,61,76)
```

Monochromatic Color

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

#cc1251
```
#cc1251 rgb(204,18,81)
```
#cc1241
```
#cc1241 rgb(204,18,65)
```
#cc1232
```
#cc1232 rgb(204,18,50)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#cc1213
```
#cc1213 rgb(204,18,19)
```
#cc2112
```
#cc2112 rgb(204,33,18)
```
#cc3012
```
#cc3012 rgb(204,48,18)
```

Similar Colors

Text with hexadecimal color #cc1222

This text has a font color of #cc1222.

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

#cc1222 background color

This paragraph has a background color of #cc1222.

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

#cc1222 border color

This element has a border color of #cc1222.

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

CSS codes

.text {color:#cc1222;}

.background {background-color:#cc1222;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180204
```
#180204 rgb(24,2,4)
```
#2a0407
```
#2a0407 rgb(42,4,7)
```
#3c050a
```
#3c050a rgb(60,5,10)
```
#4e070d
```
#4e070d rgb(78,7,13)
```
#600810
```
#600810 rgb(96,8,16)
```
#720a13
```
#720a13 rgb(114,10,19)
```
#840c16
```
#840c16 rgb(132,12,22)
```
#960d19
```
#960d19 rgb(150,13,25)
```
#a80f1c
```
#a80f1c rgb(168,15,28)
```
#ba101f
```
#ba101f rgb(186,16,31)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#de1425
```
#de1425 rgb(222,20,37)
```

Shade Color Variation

#eb1a2c
```
#eb1a2c rgb(235,26,44)
```
#ec2c3d
```
#ec2c3d rgb(236,44,61)
```
#ee3e4e
```
#ee3e4e rgb(238,62,78)
```
#f0505e
```
#f0505e rgb(240,80,94)
```
#f1636f
```
#f1636f rgb(241,99,111)
```
#f3757f
```
#f3757f rgb(243,117,127)
```
#f48790
```
#f48790 rgb(244,135,144)
```
#f699a1
```
#f699a1 rgb(246,153,161)
```
#f8abb1
```
#f8abb1 rgb(248,171,177)
```
#f9bdc2
```
#f9bdc2 rgb(249,189,194)
```
#fbcfd2
```
#fbcfd2 rgb(251,207,210)
```
#fce1e3
```
#fce1e3 rgb(252,225,227)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#776769
```
#776769 rgb(119,103,105)
```
#7f5f62
```
#7f5f62 rgb(127,95,98)
```
#88565b
```
#88565b rgb(136,86,91)
```
#904e53
```
#904e53 rgb(144,78,83)
```
#99454c
```
#99454c rgb(153,69,76)
```
#a13d45
```
#a13d45 rgb(161,61,69)
```
#aa343e
```
#aa343e rgb(170,52,62)
```
#b22c37
```
#b22c37 rgb(178,44,55)
```
#bb2330
```
#bb2330 rgb(187,35,48)
```
#c31b29
```
#c31b29 rgb(195,27,41)
```
#cc1222
```
#cc1222 rgb(204,18,34)
```
#d5091b
```
#d5091b rgb(213,9,27)
```
#dd0114
```
#dd0114 rgb(221,1,20)
```

Tone Color Variation

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

Dichromacy

#786e3f Protanopia 1% of men
#89691b Deuteranopia 1% of men
#ce211d Tritanopia 0.001% of the population

Trichromacy

#974c34 Protanomaly 1% of men, 0.01% of women
#a1491d Deuteranomaly 6% of men, 0.4% of women
#cd1b1f Tritanomaly 0.01% of the population

#cc1222 hex color

#cc1222 Color Information

#cc1222 Color Conversion

Color Schemes with #cc1222

Alternatives to #cc1222

#cc1222 Preview

Shades and Tints of #cc1222

Tones of #cc1222

Color Blindness Simulator