#cc1f22 hex color

In a RGB color space, hex #cc1f22 is composed of 80% red, 12.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 83.3% yellow and 20% black. It has a hue angle of 359 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc1f22 color hex could be obtained by blending #ff3e44 with #990000. Closest websafe color is: #cc3333.

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

● #cc1f22 color description : Strong red.

The hexadecimal color #cc1f22 has RGB values of R:204, G:31, B:34 and CMYK values of C:0, M:0.85, Y:0.83, K:0.2. Its decimal value is 13377314.

Hex triplet	cc1f22	`#cc1f22`
RGB Decimal	204, 31, 34	`rgb(204,31,34)`
RGB Percent	80, 12.2, 13.3	`rgb(80%,12.2%,13.3%)`
CMYK	0, 85, 83, 20
HSL	359°, 73.6, 46.1	`hsl(359,73.6%,46.1%)`
HSV (or HSB)	359°, 84.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.141, 64.017, 44.302
XYZ	25.682, 13.936, 2.851
xyY	0.605, 0.328, 13.936
CIE-LCH	44.141, 77.851, 34.685
CIE-LUV	44.141, 128.784, 27.102
Hunter-Lab	37.331, 57.469, 21.604
Binary	11001100, 00011111, 00100010

#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#1fccc9
```
#1fccc9 rgb(31,204,201)
```

Complementary Color

#cc1f79
```
#cc1f79 rgb(204,31,121)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#cc731f
```
#cc731f rgb(204,115,31)
```

Analogous Color

#1f79cc
```
#1f79cc rgb(31,121,204)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#1fcc73
```
#1fcc73 rgb(31,204,115)
```

Split Complementary Color

#1f22cc
```
#1f22cc rgb(31,34,204)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#22cc1f
```
#22cc1f rgb(34,204,31)
```

Triadic Color

#c91fcc
```
#c91fcc rgb(201,31,204)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#22cc1f
```
#22cc1f rgb(34,204,31)
```
#1fccc9
```
#1fccc9 rgb(31,204,201)
```

Tetradic Color

#8a1517
```
#8a1517 rgb(138,21,23)
```
#a0181b
```
#a0181b rgb(160,24,27)
```
#b61c1e
```
#b61c1e rgb(182,28,30)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#de262a
```
#de262a rgb(222,38,42)
```
#e13d3f
```
#e13d3f rgb(225,61,63)
```
#e55355
```
#e55355 rgb(229,83,85)
```

Monochromatic Color

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

#cc1f4d
```
#cc1f4d rgb(204,31,77)
```
#cc1f3f
```
#cc1f3f rgb(204,31,63)
```
#cc1f30
```
#cc1f30 rgb(204,31,48)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#cc2a1f
```
#cc2a1f rgb(204,42,31)
```
#cc391f
```
#cc391f rgb(204,57,31)
```
#cc471f
```
#cc471f rgb(204,71,31)
```

Similar Colors

Text with hexadecimal color #cc1f22

This text has a font color of #cc1f22.

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

#cc1f22 background color

This paragraph has a background color of #cc1f22.

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

#cc1f22 border color

This element has a border color of #cc1f22.

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

CSS codes

.text {color:#cc1f22;}

.background {background-color:#cc1f22;}

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

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

#110303
```
#110303 rgb(17,3,3)
```
#220506
```
#220506 rgb(34,5,6)
```
#330808
```
#330808 rgb(51,8,8)
```
#440a0b
```
#440a0b rgb(68,10,11)
```
#550d0e
```
#550d0e rgb(85,13,14)
```
#660f11
```
#660f11 rgb(102,15,17)
```
#771214
```
#771214 rgb(119,18,20)
```
#881517
```
#881517 rgb(136,21,23)
```
#991719
```
#991719 rgb(153,23,25)
```
#aa1a1c
```
#aa1a1c rgb(170,26,28)
```
#bb1c1f
```
#bb1c1f rgb(187,28,31)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#dd2225
```
#dd2225 rgb(221,34,37)
```

Shade Color Variation

#e03235
```
#e03235 rgb(224,50,53)
```
#e24346
```
#e24346 rgb(226,67,70)
```
#e55457
```
#e55457 rgb(229,84,87)
```
#e86568
```
#e86568 rgb(232,101,104)
```
#ea7678
```
#ea7678 rgb(234,118,120)
```
#ed8789
```
#ed8789 rgb(237,135,137)
```
#ef989a
```
#ef989a rgb(239,152,154)
```
#f2aaab
```
#f2aaab rgb(242,170,171)
```
#f5bbbc
```
#f5bbbc rgb(245,187,188)
```
#f7cccc
```
#f7cccc rgb(247,204,204)
```
#fadddd
```
#fadddd rgb(250,221,221)
```
#fceeee
```
#fceeee rgb(252,238,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7071
```
#7b7071 rgb(123,112,113)
```
#846768
```
#846768 rgb(132,103,104)
```
#8d5e5f
```
#8d5e5f rgb(141,94,95)
```
#965556
```
#965556 rgb(150,85,86)
```
#9f4c4e
```
#9f4c4e rgb(159,76,78)
```
#a84345
```
#a84345 rgb(168,67,69)
```
#b13a3c
```
#b13a3c rgb(177,58,60)
```
#ba3133
```
#ba3133 rgb(186,49,51)
```
#c3282b
```
#c3282b rgb(195,40,43)
```
#cc1f22
```
#cc1f22 rgb(204,31,34)
```
#d51619
```
#d51619 rgb(213,22,25)
```
#de0d11
```
#de0d11 rgb(222,13,17)
```
#e70408
```
#e70408 rgb(231,4,8)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6b4949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b703e Protanopia 1% of men
#8b6a1c Deuteranopia 1% of men
#ce2b2a Tritanopia 0.001% of the population

Trichromacy

#985234 Protanomaly 1% of men, 0.01% of women
#a34f1e Deuteranomaly 6% of men, 0.4% of women
#cd2627 Tritanomaly 0.01% of the population

#cc1f22 hex color

#cc1f22 Color Information

#cc1f22 Color Conversion

Color Schemes with #cc1f22

Alternatives to #cc1f22

#cc1f22 Preview

Shades and Tints of #cc1f22

Tones of #cc1f22

Color Blindness Simulator