#cc211f hex color

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

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

● #cc211f color description : Strong red.

The hexadecimal color #cc211f has RGB values of R:204, G:33, B:31 and CMYK values of C:0, M:0.84, Y:0.85, K:0.2. Its decimal value is 13377823.

Hex triplet	cc211f	`#cc211f`
RGB Decimal	204, 33, 31	`rgb(204,33,31)`
RGB Percent	80, 12.9, 12.2	`rgb(80%,12.9%,12.2%)`
CMYK	0, 84, 85, 20
HSL	0.7°, 73.6, 46.1	`hsl(0.7,73.6%,46.1%)`
HSV (or HSB)	0.7°, 84.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.272, 63.505, 45.951
XYZ	25.694, 14.027, 2.651
xyY	0.606, 0.331, 14.027
CIE-LCH	44.272, 78.386, 35.889
CIE-LUV	44.272, 128.507, 28.169
Hunter-Lab	37.453, 56.916, 22.021
Binary	11001100, 00100001, 00011111

#cc211f
```
#cc211f rgb(204,33,31)
```
#1fcacc
```
#1fcacc rgb(31,202,204)
```

Complementary Color

#cc1f74
```
#cc1f74 rgb(204,31,116)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#cc781f
```
#cc781f rgb(204,120,31)
```

Analogous Color

#1f74cc
```
#1f74cc rgb(31,116,204)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#1fcc78
```
#1fcc78 rgb(31,204,120)
```

Split Complementary Color

#211fcc
```
#211fcc rgb(33,31,204)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#1fcc21
```
#1fcc21 rgb(31,204,33)
```

Triadic Color

#cc1fca
```
#cc1fca rgb(204,31,202)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#1fcc21
```
#1fcc21 rgb(31,204,33)
```
#1fcacc
```
#1fcacc rgb(31,202,204)
```

Tetradic Color

#8a1615
```
#8a1615 rgb(138,22,21)
```
#a01a18
```
#a01a18 rgb(160,26,24)
```
#b61d1c
```
#b61d1c rgb(182,29,28)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#de2926
```
#de2926 rgb(222,41,38)
```
#e13e3d
```
#e13e3d rgb(225,62,61)
```
#e55453
```
#e55453 rgb(229,84,83)
```

Monochromatic Color

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

#cc1f48
```
#cc1f48 rgb(204,31,72)
```
#cc1f3a
```
#cc1f3a rgb(204,31,58)
```
#cc1f2b
```
#cc1f2b rgb(204,31,43)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#cc2f1f
```
#cc2f1f rgb(204,47,31)
```
#cc3e1f
```
#cc3e1f rgb(204,62,31)
```
#cc4c1f
```
#cc4c1f rgb(204,76,31)
```

Similar Colors

Text with hexadecimal color #cc211f

This text has a font color of #cc211f.

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

#cc211f background color

This paragraph has a background color of #cc211f.

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

#cc211f border color

This element has a border color of #cc211f.

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

CSS codes

.text {color:#cc211f;}

.background {background-color:#cc211f;}

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

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)
```
#220505
```
#220505 rgb(34,5,5)
```
#330808
```
#330808 rgb(51,8,8)
```
#440b0a
```
#440b0a rgb(68,11,10)
```
#550e0d
```
#550e0d rgb(85,14,13)
```
#66100f
```
#66100f rgb(102,16,15)
```
#771312
```
#771312 rgb(119,19,18)
```
#881615
```
#881615 rgb(136,22,21)
```
#991917
```
#991917 rgb(153,25,23)
```
#aa1b1a
```
#aa1b1a rgb(170,27,26)
```
#bb1e1c
```
#bb1e1c rgb(187,30,28)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#dd2422
```
#dd2422 rgb(221,36,34)
```

Shade Color Variation

#e03432
```
#e03432 rgb(224,52,50)
```
#e24543
```
#e24543 rgb(226,69,67)
```
#e55654
```
#e55654 rgb(229,86,84)
```
#e86765
```
#e86765 rgb(232,103,101)
```
#ea7876
```
#ea7876 rgb(234,120,118)
```
#ed8987
```
#ed8987 rgb(237,137,135)
```
#ef9a98
```
#ef9a98 rgb(239,154,152)
```
#f2aaaa
```
#f2aaaa rgb(242,170,170)
```
#f5bbbb
```
#f5bbbb rgb(245,187,187)
```
#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, #7b7070 is the less saturated color, while #e70704 is the most saturated one.

#7b7070
```
#7b7070 rgb(123,112,112)
```
#846867
```
#846867 rgb(132,104,103)
```
#8d5f5e
```
#8d5f5e rgb(141,95,94)
```
#965655
```
#965655 rgb(150,86,85)
```
#9f4d4c
```
#9f4d4c rgb(159,77,76)
```
#a84443
```
#a84443 rgb(168,68,67)
```
#b13b3a
```
#b13b3a rgb(177,59,58)
```
#ba3331
```
#ba3331 rgb(186,51,49)
```
#c32a28
```
#c32a28 rgb(195,42,40)
```
#cc211f
```
#cc211f rgb(204,33,31)
```
#d51816
```
#d51816 rgb(213,24,22)
```
#de0f0d
```
#de0f0d rgb(222,15,13)
```
#e70704
```
#e70704 rgb(231,7,4)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6c4a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b703a Protanopia 1% of men
#8c6b17 Deuteranopia 1% of men
#ce2c2b Tritanopia 0.001% of the population

Trichromacy

#995330 Protanomaly 1% of men, 0.01% of women
#a3501a Deuteranomaly 6% of men, 0.4% of women
#cd2827 Tritanomaly 0.01% of the population

#cc211f hex color

#cc211f Color Information

#cc211f Color Conversion

Color Schemes with #cc211f

Alternatives to #cc211f

#cc211f Preview

Shades and Tints of #cc211f

Tones of #cc211f

Color Blindness Simulator