#cc1316 hex color

In a RGB color space, hex #cc1316 is composed of 80% red, 7.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 89.2% yellow and 20% black. It has a hue angle of 359 degrees, a saturation of 83% and a lightness of 43.7%. #cc1316 color hex could be obtained by blending #ff262c with #990000. Closest websafe color is: #cc0000.

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

● #cc1316 color description : Strong red.

The hexadecimal color #cc1316 has RGB values of R:204, G:19, B:22 and CMYK values of C:0, M:0.91, Y:0.89, K:0.2. Its decimal value is 13374230.

Hex triplet	cc1316	`#cc1316`
RGB Decimal	204, 19, 22	`rgb(204,19,22)`
RGB Percent	80, 7.5, 8.6	`rgb(80%,7.5%,8.6%)`
CMYK	0, 91, 89, 20
HSL	359°, 83, 43.7	`hsl(359,83%,43.7%)`
HSV (or HSB)	359°, 90.7, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	43.307, 65.92, 49.418
XYZ	25.281, 13.364, 2.008
xyY	0.622, 0.329, 13.364
CIE-LCH	43.307, 82.387, 36.858
CIE-LUV	43.307, 134.258, 28.502
Hunter-Lab	36.557, 59.465, 22.334
Binary	11001100, 00010011, 00010110

#cc1316
```
#cc1316 rgb(204,19,22)
```
#13ccc9
```
#13ccc9 rgb(19,204,201)
```

Complementary Color

#cc1373
```
#cc1373 rgb(204,19,115)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#cc6d13
```
#cc6d13 rgb(204,109,19)
```

Analogous Color

#1373cc
```
#1373cc rgb(19,115,204)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#13cc6d
```
#13cc6d rgb(19,204,109)
```

Split Complementary Color

#1316cc
```
#1316cc rgb(19,22,204)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#16cc13
```
#16cc13 rgb(22,204,19)
```

Triadic Color

#c913cc
```
#c913cc rgb(201,19,204)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#16cc13
```
#16cc13 rgb(22,204,19)
```
#13ccc9
```
#13ccc9 rgb(19,204,201)
```

Tetradic Color

#860c0e
```
#860c0e rgb(134,12,14)
```
#9d0f11
```
#9d0f11 rgb(157,15,17)
```
#b51113
```
#b51113 rgb(181,17,19)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#e31519
```
#e31519 rgb(227,21,25)
```
#eb272a
```
#eb272a rgb(235,39,42)
```
#ed3e41
```
#ed3e41 rgb(237,62,65)
```

Monochromatic Color

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

#cc1344
```
#cc1344 rgb(204,19,68)
```
#cc1335
```
#cc1335 rgb(204,19,53)
```
#cc1325
```
#cc1325 rgb(204,19,37)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#cc1f13
```
#cc1f13 rgb(204,31,19)
```
#cc2f13
```
#cc2f13 rgb(204,47,19)
```
#cc3e13
```
#cc3e13 rgb(204,62,19)
```

Similar Colors

Text with hexadecimal color #cc1316

This text has a font color of #cc1316.

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

#cc1316 background color

This paragraph has a background color of #cc1316.

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

#cc1316 border color

This element has a border color of #cc1316.

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

CSS codes

.text {color:#cc1316;}

.background {background-color:#cc1316;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#190203
```
#190203 rgb(25,2,3)
```
#2b0405
```
#2b0405 rgb(43,4,5)
```
#3c0607
```
#3c0607 rgb(60,6,7)
```
#4e0708
```
#4e0708 rgb(78,7,8)
```
#60090a
```
#60090a rgb(96,9,10)
```
#720b0c
```
#720b0c rgb(114,11,12)
```
#840c0e
```
#840c0e rgb(132,12,14)
```
#960e10
```
#960e10 rgb(150,14,16)
```
#a81012
```
#a81012 rgb(168,16,18)
```
#ba1114
```
#ba1114 rgb(186,17,20)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#de1518
```
#de1518 rgb(222,21,24)
```

Shade Color Variation

#ea1c20
```
#ea1c20 rgb(234,28,32)
```
#ec2e31
```
#ec2e31 rgb(236,46,49)
```
#ed4043
```
#ed4043 rgb(237,64,67)
```
#ef5255
```
#ef5255 rgb(239,82,85)
```
#f16466
```
#f16466 rgb(241,100,102)
```
#f27678
```
#f27678 rgb(242,118,120)
```
#f4888a
```
#f4888a rgb(244,136,138)
```
#f69a9b
```
#f69a9b rgb(246,154,155)
```
#f7acad
```
#f7acad rgb(247,172,173)
```
#f9bebf
```
#f9bebf rgb(249,190,191)
```
#fbd0d0
```
#fbd0d0 rgb(251,208,208)
```
#fce2e2
```
#fce2e2 rgb(252,226,226)
```
#fef4f4
```
#fef4f4 rgb(254,244,244)
```

Tint Color Variation

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

#766969
```
#766969 rgb(118,105,105)
```
#7f6061
```
#7f6061 rgb(127,96,97)
```
#875858
```
#875858 rgb(135,88,88)
```
#904f50
```
#904f50 rgb(144,79,80)
```
#994648
```
#994648 rgb(153,70,72)
```
#a13e3f
```
#a13e3f rgb(161,62,63)
```
#aa3537
```
#aa3537 rgb(170,53,55)
```
#b22d2f
```
#b22d2f rgb(178,45,47)
```
#bb2427
```
#bb2427 rgb(187,36,39)
```
#c31c1e
```
#c31c1e rgb(195,28,30)
```
#cc1316
```
#cc1316 rgb(204,19,22)
```
#d50a0e
```
#d50a0e rgb(213,10,14)
```
#dd0205
```
#dd0205 rgb(221,2,5)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#654040 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e32 Protanopia 1% of men
#896800 Deuteranopia 1% of men
#ce201c Tritanopia 0.001% of the population

Trichromacy

#974d28 Protanomaly 1% of men, 0.01% of women
#a14908 Deuteranomaly 6% of men, 0.4% of women
#cd1b19 Tritanomaly 0.01% of the population

#cc1316 hex color

#cc1316 Color Information

#cc1316 Color Conversion

Color Schemes with #cc1316

Alternatives to #cc1316

#cc1316 Preview

Shades and Tints of #cc1316

Tones of #cc1316

Color Blindness Simulator