#cc1311 hex color

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

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

● #cc1311 color description : Strong red.

The hexadecimal color #cc1311 has RGB values of R:204, G:19, B:17 and CMYK values of C:0, M:0.91, Y:0.92, K:0.2. Its decimal value is 13374225.

Hex triplet	cc1311	`#cc1311`
RGB Decimal	204, 19, 17	`rgb(204,19,17)`
RGB Percent	80, 7.5, 6.7	`rgb(80%,7.5%,6.7%)`
CMYK	0, 91, 92, 20
HSL	0.6°, 84.6, 43.3	`hsl(0.6,84.6%,43.3%)`
HSV (or HSB)	0.6°, 91.7, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	43.281, 65.846, 51.472
XYZ	25.237, 13.347, 1.778
xyY	0.625, 0.331, 13.347
CIE-LCH	43.281, 83.577, 38.014
CIE-LUV	43.281, 134.811, 29.361
Hunter-Lab	36.533, 59.374, 22.688
Binary	11001100, 00010011, 00010001

#cc1311
```
#cc1311 rgb(204,19,17)
```
#11cacc
```
#11cacc rgb(17,202,204)
```

Complementary Color

#cc116d
```
#cc116d rgb(204,17,109)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#cc7111
```
#cc7111 rgb(204,113,17)
```

Analogous Color

#116dcc
```
#116dcc rgb(17,109,204)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#11cc71
```
#11cc71 rgb(17,204,113)
```

Split Complementary Color

#1311cc
```
#1311cc rgb(19,17,204)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#11cc13
```
#11cc13 rgb(17,204,19)
```

Triadic Color

#cc11ca
```
#cc11ca rgb(204,17,202)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#11cc13
```
#11cc13 rgb(17,204,19)
```
#11cacc
```
#11cacc rgb(17,202,204)
```

Tetradic Color

#850c0b
```
#850c0b rgb(133,12,11)
```
#9d0f0d
```
#9d0f0d rgb(157,15,13)
```
#b4110f
```
#b4110f rgb(180,17,15)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#e41513
```
#e41513 rgb(228,21,19)
```
#ed2523
```
#ed2523 rgb(237,37,35)
```
#ef3d3b
```
#ef3d3b rgb(239,61,59)
```

Monochromatic Color

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

#cc113e
```
#cc113e rgb(204,17,62)
```
#cc112e
```
#cc112e rgb(204,17,46)
```
#cc111f
```
#cc111f rgb(204,17,31)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#cc3211
```
#cc3211 rgb(204,50,17)
```
#cc4211
```
#cc4211 rgb(204,66,17)
```

Similar Colors

Text with hexadecimal color #cc1311

This text has a font color of #cc1311.

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

#cc1311 background color

This paragraph has a background color of #cc1311.

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

#cc1311 border color

This element has a border color of #cc1311.

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

CSS codes

.text {color:#cc1311;}

.background {background-color:#cc1311;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#170202
```
#170202 rgb(23,2,2)
```
#290403
```
#290403 rgb(41,4,3)
```
#3b0605
```
#3b0605 rgb(59,6,5)
```
#4d0706
```
#4d0706 rgb(77,7,6)
```
#5f0908
```
#5f0908 rgb(95,9,8)
```
#710b09
```
#710b09 rgb(113,11,9)
```
#840c0b
```
#840c0b rgb(132,12,11)
```
#960e0c
```
#960e0c rgb(150,14,12)
```
#a8100e
```
#a8100e rgb(168,16,14)
```
#ba110f
```
#ba110f rgb(186,17,15)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#de1513
```
#de1513 rgb(222,21,19)
```

Shade Color Variation

#ec1b18
```
#ec1b18 rgb(236,27,24)
```
#ed2d2b
```
#ed2d2b rgb(237,45,43)
```
#ef3f3d
```
#ef3f3d rgb(239,63,61)
```
#f0504f
```
#f0504f rgb(240,80,79)
```
#f26261
```
#f26261 rgb(242,98,97)
```
#f37473
```
#f37473 rgb(243,116,115)
```
#f58685
```
#f58685 rgb(245,134,133)
```
#f69897
```
#f69897 rgb(246,152,151)
```
#f8aaa9
```
#f8aaa9 rgb(248,170,169)
```
#f9bcbb
```
#f9bcbb rgb(249,188,187)
```
#fbcece
```
#fbcece rgb(251,206,206)
```
#fce0e0
```
#fce0e0 rgb(252,224,224)
```
#fef2f2
```
#fef2f2 rgb(254,242,242)
```

Tint Color Variation

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

#776666
```
#776666 rgb(119,102,102)
```
#805e5e
```
#805e5e rgb(128,94,94)
```
#885655
```
#885655 rgb(136,86,85)
```
#914d4d
```
#914d4d rgb(145,77,77)
```
#994544
```
#994544 rgb(153,69,68)
```
#a23d3c
```
#a23d3c rgb(162,61,60)
```
#aa3433
```
#aa3433 rgb(170,52,51)
```
#b32c2b
```
#b32c2b rgb(179,44,43)
```
#bb2422
```
#bb2422 rgb(187,36,34)
```
#c41b1a
```
#c41b1a rgb(196,27,26)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#d50b09
```
#d50b09 rgb(213,11,9)
```
#dd0200
```
#dd0200 rgb(221,2,0)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#643f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e2d Protanopia 1% of men
#896800 Deuteranopia 1% of men
#ce1f1b Tritanopia 0.001% of the population

Trichromacy

#984d23 Protanomaly 1% of men, 0.01% of women
#a14906 Deuteranomaly 6% of men, 0.4% of women
#cd1b17 Tritanomaly 0.01% of the population

#cc1311 hex color

#cc1311 Color Information

#cc1311 Color Conversion

Color Schemes with #cc1311

Alternatives to #cc1311

#cc1311 Preview

Shades and Tints of #cc1311

Tones of #cc1311

Color Blindness Simulator