#cc0311 hex color

In a RGB color space, hex #cc0311 is composed of 80% red, 1.2% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 91.7% yellow and 20% black. It has a hue angle of 355.8 degrees, a saturation of 97.1% and a lightness of 40.6%. #cc0311 color hex could be obtained by blending #ff0622 with #990000. Closest websafe color is: #cc0000.

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

● #cc0311 color description : Strong red.

The hexadecimal color #cc0311 has RGB values of R:204, G:3, B:17 and CMYK values of C:0, M:0.99, Y:0.92, K:0.2. Its decimal value is 13370129.

Hex triplet	cc0311	`#cc0311`
RGB Decimal	204, 3, 17	`rgb(204,3,17)`
RGB Percent	80, 1.2, 6.7	`rgb(80%,1.2%,6.7%)`
CMYK	0, 99, 92, 20
HSL	355.8°, 97.1, 40.6	`hsl(355.8,97.1%,40.6%)`
HSV (or HSB)	355.8°, 98.5, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	42.682, 67.576, 51.082
XYZ	25.037, 12.946, 1.711
xyY	0.631, 0.326, 12.946
CIE-LCH	42.682, 84.711, 37.086
CIE-LUV	42.682, 137.898, 28.289
Hunter-Lab	35.981, 61.241, 22.367
Binary	11001100, 00000011, 00010001

#cc0311
```
#cc0311 rgb(204,3,17)
```
#03ccbe
```
#03ccbe rgb(3,204,190)
```

Complementary Color

#cc0376
```
#cc0376 rgb(204,3,118)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#cc5a03
```
#cc5a03 rgb(204,90,3)
```

Analogous Color

#0376cc
```
#0376cc rgb(3,118,204)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#03cc5a
```
#03cc5a rgb(3,204,90)
```

Split Complementary Color

#0311cc
```
#0311cc rgb(3,17,204)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#11cc03
```
#11cc03 rgb(17,204,3)
```

Triadic Color

#be03cc
```
#be03cc rgb(190,3,204)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#11cc03
```
#11cc03 rgb(17,204,3)
```
#03ccbe
```
#03ccbe rgb(3,204,190)
```

Tetradic Color

#81020b
```
#81020b rgb(129,2,11)
```
#9a020d
```
#9a020d rgb(154,2,13)
```
#b3030f
```
#b3030f rgb(179,3,15)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#e50313
```
#e50313 rgb(229,3,19)
```
#fb0718
```
#fb0718 rgb(251,7,24)
```
#fc202f
```
#fc202f rgb(252,32,47)
```

Monochromatic Color

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

#cc0343
```
#cc0343 rgb(204,3,67)
```
#cc0332
```
#cc0332 rgb(204,3,50)
```
#cc0322
```
#cc0322 rgb(204,3,34)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#cc0603
```
#cc0603 rgb(204,6,3)
```
#cc1703
```
#cc1703 rgb(204,23,3)
```
#cc2703
```
#cc2703 rgb(204,39,3)
```

Similar Colors

Text with hexadecimal color #cc0311

This text has a font color of #cc0311.

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

#cc0311 background color

This paragraph has a background color of #cc0311.

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

#cc0311 border color

This element has a border color of #cc0311.

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

CSS codes

.text {color:#cc0311;}

.background {background-color:#cc0311;}

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

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, #0b0001 is the darkest color, while #fff6f7 is the lightest one.

#0b0001
```
#0b0001 rgb(11,0,1)
```
#1e0003
```
#1e0003 rgb(30,0,3)
```
#310104
```
#310104 rgb(49,1,4)
```
#450106
```
#450106 rgb(69,1,6)
```
#580107
```
#580107 rgb(88,1,7)
```
#6b0209
```
#6b0209 rgb(107,2,9)
```
#7f020b
```
#7f020b rgb(127,2,11)
```
#92020c
```
#92020c rgb(146,2,12)
```
#a5020e
```
#a5020e rgb(165,2,14)
```
#b9030f
```
#b9030f rgb(185,3,15)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```
#df0313
```
#df0313 rgb(223,3,19)
```
#f30414
```
#f30414 rgb(243,4,20)
```

Shade Color Variation

#fb0e1f
```
#fb0e1f rgb(251,14,31)
```
#fc2231
```
#fc2231 rgb(252,34,49)
```
#fc3543
```
#fc3543 rgb(252,53,67)
```
#fc4855
```
#fc4855 rgb(252,72,85)
```
#fd5c67
```
#fd5c67 rgb(253,92,103)
```
#fd6f79
```
#fd6f79 rgb(253,111,121)
```
#fd828b
```
#fd828b rgb(253,130,139)
```
#fd969d
```
#fd969d rgb(253,150,157)
```
#fea9af
```
#fea9af rgb(254,169,175)
```
#febcc1
```
#febcc1 rgb(254,188,193)
```
#fed0d3
```
#fed0d3 rgb(254,208,211)
```
#ffe3e5
```
#ffe3e5 rgb(255,227,229)
```
#fff6f7
```
#fff6f7 rgb(255,246,247)
```

Tint Color Variation

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

#6c6363
```
#6c6363 rgb(108,99,99)
```
#745b5c
```
#745b5c rgb(116,91,92)
```
#7c5356
```
#7c5356 rgb(124,83,86)
```
#844b4f
```
#844b4f rgb(132,75,79)
```
#8c4348
```
#8c4348 rgb(140,67,72)
```
#943b41
```
#943b41 rgb(148,59,65)
```
#9c333a
```
#9c333a rgb(156,51,58)
```
#a42b33
```
#a42b33 rgb(164,43,51)
```
#ac232c
```
#ac232c rgb(172,35,44)
```
#b41b26
```
#b41b26 rgb(180,27,38)
```
#bc131f
```
#bc131f rgb(188,19,31)
```
#c40b18
```
#c40b18 rgb(196,11,24)
```
#cc0311
```
#cc0311 rgb(204,3,17)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#5d3537 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c2e Protanopia 1% of men
#886700 Deuteranopia 1% of men
#ce1600 Tritanopia 0.001% of the population

Trichromacy

#974623 Protanomaly 1% of men, 0.01% of women
#a04306 Deuteranomaly 6% of men, 0.4% of women
#cd0f06 Tritanomaly 0.01% of the population

#cc0311 hex color

#cc0311 Color Information

#cc0311 Color Conversion

Color Schemes with #cc0311

Alternatives to #cc0311

#cc0311 Preview

Shades and Tints of #cc0311

Tones of #cc0311

Color Blindness Simulator