#cc2316 hex color

In a RGB color space, hex #cc2316 is composed of 80% red, 13.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.8% magenta, 89.2% yellow and 20% black. It has a hue angle of 4.3 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc2316 color hex could be obtained by blending #ff462c with #990000. Closest websafe color is: #cc3300.

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

● #cc2316 color description : Strong red.

The hexadecimal color #cc2316 has RGB values of R:204, G:35, B:22 and CMYK values of C:0, M:0.83, Y:0.89, K:0.2. Its decimal value is 13378326.

Hex triplet	cc2316	`#cc2316`
RGB Decimal	204, 35, 22	`rgb(204,35,22)`
RGB Percent	80, 13.7, 8.6	`rgb(80%,13.7%,8.6%)`
CMYK	0, 83, 89, 20
HSL	4.3°, 80.5, 44.3	`hsl(4.3,80.5%,44.3%)`
HSV (or HSB)	4.3°, 89.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.377, 62.863, 50.207
XYZ	25.649, 14.101, 2.13
xyY	0.612, 0.337, 14.101
CIE-LCH	44.377, 80.451, 38.614
CIE-LUV	44.377, 128.888, 30.421
Hunter-Lab	37.551, 56.21, 22.922
Binary	11001100, 00100011, 00010110

#cc2316
```
#cc2316 rgb(204,35,22)
```
#16bfcc
```
#16bfcc rgb(22,191,204)
```

Complementary Color

#cc1664
```
#cc1664 rgb(204,22,100)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#cc7e16
```
#cc7e16 rgb(204,126,22)
```

Analogous Color

#1664cc
```
#1664cc rgb(22,100,204)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#16cc7e
```
#16cc7e rgb(22,204,126)
```

Split Complementary Color

#2316cc
```
#2316cc rgb(35,22,204)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#16cc23
```
#16cc23 rgb(22,204,35)
```

Triadic Color

#cc16bf
```
#cc16bf rgb(204,22,191)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#16cc23
```
#16cc23 rgb(22,204,35)
```
#16bfcc
```
#16bfcc rgb(22,191,204)
```

Tetradic Color

#87170f
```
#87170f rgb(135,23,15)
```
#9e1b11
```
#9e1b11 rgb(158,27,17)
```
#b51f14
```
#b51f14 rgb(181,31,20)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#e32718
```
#e32718 rgb(227,39,24)
```
#e83a2d
```
#e83a2d rgb(232,58,45)
```
#eb5044
```
#eb5044 rgb(235,80,68)
```

Monochromatic Color

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

#cc1636
```
#cc1636 rgb(204,22,54)
```
#cc1627
```
#cc1627 rgb(204,22,39)
```
#cc1618
```
#cc1618 rgb(204,22,24)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#cc4116
```
#cc4116 rgb(204,65,22)
```
#cc5116
```
#cc5116 rgb(204,81,22)
```

Similar Colors

Text with hexadecimal color #cc2316

This text has a font color of #cc2316.

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

#cc2316 background color

This paragraph has a background color of #cc2316.

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

#cc2316 border color

This element has a border color of #cc2316.

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

CSS codes

.text {color:#cc2316;}

.background {background-color:#cc2316;}

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

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

#090201
```
#090201 rgb(9,2,1)
```
#1b0503
```
#1b0503 rgb(27,5,3)
```
#2d0805
```
#2d0805 rgb(45,8,5)
```
#3e0b07
```
#3e0b07 rgb(62,11,7)
```
#500e09
```
#500e09 rgb(80,14,9)
```
#62110b
```
#62110b rgb(98,17,11)
```
#73140c
```
#73140c rgb(115,20,12)
```
#85170e
```
#85170e rgb(133,23,14)
```
#971a10
```
#971a10 rgb(151,26,16)
```
#a91d12
```
#a91d12 rgb(169,29,18)
```
#ba2014
```
#ba2014 rgb(186,32,20)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#de2618
```
#de2618 rgb(222,38,24)
```

Shade Color Variation

#e73022
```
#e73022 rgb(231,48,34)
```
#e94134
```
#e94134 rgb(233,65,52)
```
#eb5145
```
#eb5145 rgb(235,81,69)
```
#ed6257
```
#ed6257 rgb(237,98,87)
```
#ef7269
```
#ef7269 rgb(239,114,105)
```
#f1837b
```
#f1837b rgb(241,131,123)
```
#f3948c
```
#f3948c rgb(243,148,140)
```
#f5a49e
```
#f5a49e rgb(245,164,158)
```
#f6b5b0
```
#f6b5b0 rgb(246,181,176)
```
#f8c5c1
```
#f8c5c1 rgb(248,197,193)
```
#fad6d3
```
#fad6d3 rgb(250,214,211)
```
#fce6e5
```
#fce6e5 rgb(252,230,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#756e6d
```
#756e6d rgb(117,110,109)
```
#7e6664
```
#7e6664 rgb(126,102,100)
```
#865f5c
```
#865f5c rgb(134,95,92)
```
#8f5753
```
#8f5753 rgb(143,87,83)
```
#98504a
```
#98504a rgb(152,80,74)
```
#a14841
```
#a14841 rgb(161,72,65)
```
#a94139
```
#a94139 rgb(169,65,57)
```
#b23930
```
#b23930 rgb(178,57,48)
```
#bb3227
```
#bb3227 rgb(187,50,39)
```
#c32a1f
```
#c32a1f rgb(195,42,31)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#d51c0d
```
#d51c0d rgb(213,28,13)
```
#dd1405
```
#dd1405 rgb(221,20,5)
```

Tone Color Variation

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

Dichromacy

#7d7030 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#ce2d2c Tritanopia 0.001% of the population

Trichromacy

#995427 Protanomaly 1% of men, 0.01% of women
#a35108 Deuteranomaly 6% of men, 0.4% of women
#cd2924 Tritanomaly 0.01% of the population

#cc2316 hex color

#cc2316 Color Information

#cc2316 Color Conversion

Color Schemes with #cc2316

Alternatives to #cc2316

#cc2316 Preview

Shades and Tints of #cc2316

Tones of #cc2316

Color Blindness Simulator