#cc1422 hex color

In a RGB color space, hex #cc1422 is composed of 80% red, 7.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.2% magenta, 83.3% yellow and 20% black. It has a hue angle of 355.4 degrees, a saturation of 82.1% and a lightness of 43.9%. #cc1422 color hex could be obtained by blending #ff2844 with #990000. Closest websafe color is: #cc0033.

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

● #cc1422 color description : Strong red.

The hexadecimal color #cc1422 has RGB values of R:204, G:20, B:34 and CMYK values of C:0, M:0.9, Y:0.83, K:0.2. Its decimal value is 13374498.

Hex triplet	cc1422	`#cc1422`
RGB Decimal	204, 20, 34	`rgb(204,20,34)`
RGB Percent	80, 7.8, 13.3	`rgb(80%,7.8%,13.3%)`
CMYK	0, 90, 83, 20
HSL	355.4°, 82.1, 43.9	`hsl(355.4,82.1%,43.9%)`
HSV (or HSB)	355.4°, 90.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.443, 66.016, 43.659
XYZ	25.442, 13.457, 2.771
xyY	0.611, 0.323, 13.457
CIE-LCH	43.443, 79.147, 33.478
CIE-LUV	43.443, 132.216, 25.81
Hunter-Lab	36.683, 59.606, 21.199
Binary	11001100, 00010100, 00100010

#cc1422
```
#cc1422 rgb(204,20,34)
```
#14ccbe
```
#14ccbe rgb(20,204,190)
```

Complementary Color

#cc147e
```
#cc147e rgb(204,20,126)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#cc6214
```
#cc6214 rgb(204,98,20)
```

Analogous Color

#147ecc
```
#147ecc rgb(20,126,204)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#14cc62
```
#14cc62 rgb(20,204,98)
```

Split Complementary Color

#1422cc
```
#1422cc rgb(20,34,204)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#22cc14
```
#22cc14 rgb(34,204,20)
```

Triadic Color

#be14cc
```
#be14cc rgb(190,20,204)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#22cc14
```
#22cc14 rgb(34,204,20)
```
#14ccbe
```
#14ccbe rgb(20,204,190)
```

Tetradic Color

#860d16
```
#860d16 rgb(134,13,22)
```
#9e0f1a
```
#9e0f1a rgb(158,15,26)
```
#b5121e
```
#b5121e rgb(181,18,30)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#e31626
```
#e31626 rgb(227,22,38)
```
#ea2938
```
#ea2938 rgb(234,41,56)
```
#ec404d
```
#ec404d rgb(236,64,77)
```

Monochromatic Color

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

#cc1450
```
#cc1450 rgb(204,20,80)
```
#cc1441
```
#cc1441 rgb(204,20,65)
```
#cc1431
```
#cc1431 rgb(204,20,49)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#cc1514
```
#cc1514 rgb(204,21,20)
```
#cc2514
```
#cc2514 rgb(204,37,20)
```
#cc3414
```
#cc3414 rgb(204,52,20)
```

Similar Colors

Text with hexadecimal color #cc1422

This text has a font color of #cc1422.

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

#cc1422 background color

This paragraph has a background color of #cc1422.

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

#cc1422 border color

This element has a border color of #cc1422.

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

CSS codes

.text {color:#cc1422;}

.background {background-color:#cc1422;}

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

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 #fef5f5 is the lightest one.

#070101
```
#070101 rgb(7,1,1)
```
#190204
```
#190204 rgb(25,2,4)
```
#2b0407
```
#2b0407 rgb(43,4,7)
```
#3d060a
```
#3d060a rgb(61,6,10)
```
#4f080d
```
#4f080d rgb(79,8,13)
```
#610910
```
#610910 rgb(97,9,16)
```
#730b13
```
#730b13 rgb(115,11,19)
```
#850d16
```
#850d16 rgb(133,13,22)
```
#960f19
```
#960f19 rgb(150,15,25)
```
#a8101c
```
#a8101c rgb(168,16,28)
```
#ba121f
```
#ba121f rgb(186,18,31)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#de1625
```
#de1625 rgb(222,22,37)
```

Shade Color Variation

#e91e2e
```
#e91e2e rgb(233,30,46)
```
#eb303e
```
#eb303e rgb(235,48,62)
```
#ec424f
```
#ec424f rgb(236,66,79)
```
#ee5460
```
#ee5460 rgb(238,84,96)
```
#f06670
```
#f06670 rgb(240,102,112)
```
#f27881
```
#f27881 rgb(242,120,129)
```
#f38992
```
#f38992 rgb(243,137,146)
```
#f59ba2
```
#f59ba2 rgb(245,155,162)
```
#f7adb3
```
#f7adb3 rgb(247,173,179)
```
#f9bfc3
```
#f9bfc3 rgb(249,191,195)
```
#fad1d4
```
#fad1d4 rgb(250,209,212)
```
#fce3e5
```
#fce3e5 rgb(252,227,229)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#766a6b
```
#766a6b rgb(118,106,107)
```
#7e6264
```
#7e6264 rgb(126,98,100)
```
#87595c
```
#87595c rgb(135,89,92)
```
#905055
```
#905055 rgb(144,80,85)
```
#98484e
```
#98484e rgb(152,72,78)
```
#a13f47
```
#a13f47 rgb(161,63,71)
```
#aa363f
```
#aa363f rgb(170,54,63)
```
#b22e38
```
#b22e38 rgb(178,46,56)
```
#bb2531
```
#bb2531 rgb(187,37,49)
```
#c31d29
```
#c31d29 rgb(195,29,41)
```
#cc1422
```
#cc1422 rgb(204,20,34)
```
#d50b1b
```
#d50b1b rgb(213,11,27)
```
#dd0313
```
#dd0313 rgb(221,3,19)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#664244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3f Protanopia 1% of men
#89691b Deuteranopia 1% of men
#ce221f Tritanopia 0.001% of the population

Trichromacy

#974d34 Protanomaly 1% of men, 0.01% of women
#a14a1d Deuteranomaly 6% of men, 0.4% of women
#cd1d20 Tritanomaly 0.01% of the population

#cc1422 hex color

#cc1422 Color Information

#cc1422 Color Conversion

Color Schemes with #cc1422

Alternatives to #cc1422

#cc1422 Preview

Shades and Tints of #cc1422

Tones of #cc1422

Color Blindness Simulator