#cc2311 hex color

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

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

● #cc2311 color description : Strong red.

The hexadecimal color #cc2311 has RGB values of R:204, G:35, B:17 and CMYK values of C:0, M:0.83, Y:0.92, K:0.2. Its decimal value is 13378321.

Hex triplet	cc2311	`#cc2311`
RGB Decimal	204, 35, 17	`rgb(204,35,17)`
RGB Percent	80, 13.7, 6.7	`rgb(80%,13.7%,6.7%)`
CMYK	0, 83, 92, 20
HSL	5.8°, 84.6, 43.3	`hsl(5.8,84.6%,43.3%)`
HSV (or HSB)	5.8°, 91.7, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.352, 62.787, 52.176
XYZ	25.605, 14.083, 1.9
xyY	0.616, 0.339, 14.083
CIE-LCH	44.352, 81.636, 39.727
CIE-LUV	44.352, 129.397, 31.263
Hunter-Lab	37.528, 56.119, 23.267
Binary	11001100, 00100011, 00010001

#cc2311
```
#cc2311 rgb(204,35,17)
```
#11bacc
```
#11bacc rgb(17,186,204)
```

Complementary Color

#cc115d
```
#cc115d rgb(204,17,93)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#cc8111
```
#cc8111 rgb(204,129,17)
```

Analogous Color

#115dcc
```
#115dcc rgb(17,93,204)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#11cc81
```
#11cc81 rgb(17,204,129)
```

Split Complementary Color

#2311cc
```
#2311cc rgb(35,17,204)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#11cc23
```
#11cc23 rgb(17,204,35)
```

Triadic Color

#cc11ba
```
#cc11ba rgb(204,17,186)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#11cc23
```
#11cc23 rgb(17,204,35)
```
#11bacc
```
#11bacc rgb(17,186,204)
```

Tetradic Color

#85170b
```
#85170b rgb(133,23,11)
```
#9d1b0d
```
#9d1b0d rgb(157,27,13)
```
#b41f0f
```
#b41f0f rgb(180,31,15)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#e42713
```
#e42713 rgb(228,39,19)
```
#ed3723
```
#ed3723 rgb(237,55,35)
```
#ef4c3b
```
#ef4c3b rgb(239,76,59)
```

Monochromatic Color

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

#cc112e
```
#cc112e rgb(204,17,46)
```
#cc111e
```
#cc111e rgb(204,17,30)
```
#cc1311
```
#cc1311 rgb(204,19,17)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#cc3311
```
#cc3311 rgb(204,51,17)
```
#cc4211
```
#cc4211 rgb(204,66,17)
```
#cc5211
```
#cc5211 rgb(204,82,17)
```

Similar Colors

Text with hexadecimal color #cc2311

This text has a font color of #cc2311.

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

#cc2311 background color

This paragraph has a background color of #cc2311.

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

#cc2311 border color

This element has a border color of #cc2311.

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

CSS codes

.text {color:#cc2311;}

.background {background-color:#cc2311;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#170402
```
#170402 rgb(23,4,2)
```
#290703
```
#290703 rgb(41,7,3)
```
#3b0a05
```
#3b0a05 rgb(59,10,5)
```
#4d0d06
```
#4d0d06 rgb(77,13,6)
```
#5f1008
```
#5f1008 rgb(95,16,8)
```
#711309
```
#711309 rgb(113,19,9)
```
#84170b
```
#84170b rgb(132,23,11)
```
#961a0c
```
#961a0c rgb(150,26,12)
```
#a81d0e
```
#a81d0e rgb(168,29,14)
```
#ba200f
```
#ba200f rgb(186,32,15)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#de2613
```
#de2613 rgb(222,38,19)
```

Shade Color Variation

#ec2d18
```
#ec2d18 rgb(236,45,24)
```
#ed3d2b
```
#ed3d2b rgb(237,61,43)
```
#ef4e3d
```
#ef4e3d rgb(239,78,61)
```
#f05e4f
```
#f05e4f rgb(240,94,79)
```
#f26f61
```
#f26f61 rgb(242,111,97)
```
#f37f73
```
#f37f73 rgb(243,127,115)
```
#f59085
```
#f59085 rgb(245,144,133)
```
#f6a097
```
#f6a097 rgb(246,160,151)
```
#f8b1a9
```
#f8b1a9 rgb(248,177,169)
```
#f9c1bb
```
#f9c1bb rgb(249,193,187)
```
#fbd2ce
```
#fbd2ce rgb(251,210,206)
```
#fce2e0
```
#fce2e0 rgb(252,226,224)
```
#fef3f2
```
#fef3f2 rgb(254,243,242)
```

Tint Color Variation

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

#776866
```
#776866 rgb(119,104,102)
```
#80615e
```
#80615e rgb(128,97,94)
```
#885a55
```
#885a55 rgb(136,90,85)
```
#91534d
```
#91534d rgb(145,83,77)
```
#994c44
```
#994c44 rgb(153,76,68)
```
#a2453c
```
#a2453c rgb(162,69,60)
```
#aa3e33
```
#aa3e33 rgb(170,62,51)
```
#b3382b
```
#b3382b rgb(179,56,43)
```
#bb3122
```
#bb3122 rgb(187,49,34)
```
#c42a1a
```
#c42a1a rgb(196,42,26)
```
#cc2311
```
#cc2311 rgb(204,35,17)
```
#d51c09
```
#d51c09 rgb(213,28,9)
```
#dd1500
```
#dd1500 rgb(221,21,0)
```

Tone Color Variation

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

Dichromacy

#7d702b Protanopia 1% of men
#8c6b00 Deuteranopia 1% of men
#ce2c2c Tritanopia 0.001% of the population

Trichromacy

#995422 Protanomaly 1% of men, 0.01% of women
#a35106 Deuteranomaly 6% of men, 0.4% of women
#cd2922 Tritanomaly 0.01% of the population

#cc2311 hex color

#cc2311 Color Information

#cc2311 Color Conversion

Color Schemes with #cc2311

Alternatives to #cc2311

#cc2311 Preview

Shades and Tints of #cc2311

Tones of #cc2311

Color Blindness Simulator