#cc1616 hex color

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

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

● #cc1616 color description : Strong red.

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

Hex triplet	cc1616	`#cc1616`
RGB Decimal	204, 22, 22	`rgb(204,22,22)`
RGB Percent	80, 8.6, 8.6	`rgb(80%,8.6%,8.6%)`
CMYK	0, 89, 89, 20
HSL	0°, 80.5, 44.3	`hsl(0,80.5%,44.3%)`
HSV (or HSB)	0°, 89.2, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	43.467, 65.462, 49.535
XYZ	25.335, 13.472, 2.026
xyY	0.62, 0.33, 13.472
CIE-LCH	43.467, 82.091, 37.115
CIE-LUV	43.467, 133.45, 28.789
Hunter-Lab	36.705, 58.974, 22.422
Binary	11001100, 00010110, 00010110

#cc1616
```
#cc1616 rgb(204,22,22)
```
#16cccc
```
#16cccc rgb(22,204,204)
```

Complementary Color

#cc1671
```
#cc1671 rgb(204,22,113)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#cc7116
```
#cc7116 rgb(204,113,22)
```

Analogous Color

#1671cc
```
#1671cc rgb(22,113,204)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#16cc71
```
#16cc71 rgb(22,204,113)
```

Split Complementary Color

#1616cc
```
#1616cc rgb(22,22,204)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#16cc16
```
#16cc16 rgb(22,204,22)
```

Triadic Color

#cc16cc
```
#cc16cc rgb(204,22,204)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#16cc16
```
#16cc16 rgb(22,204,22)
```
#16cccc
```
#16cccc rgb(22,204,204)
```

Tetradic Color

#870f0f
```
#870f0f rgb(135,15,15)
```
#9e1111
```
#9e1111 rgb(158,17,17)
```
#b51414
```
#b51414 rgb(181,20,20)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#e31818
```
#e31818 rgb(227,24,24)
```
#e82d2d
```
#e82d2d rgb(232,45,45)
```
#eb4444
```
#eb4444 rgb(235,68,68)
```

Monochromatic Color

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

#cc1644
```
#cc1644 rgb(204,22,68)
```
#cc1634
```
#cc1634 rgb(204,22,52)
```
#cc1625
```
#cc1625 rgb(204,22,37)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#cc2516
```
#cc2516 rgb(204,37,22)
```
#cc3416
```
#cc3416 rgb(204,52,22)
```
#cc4416
```
#cc4416 rgb(204,68,22)
```

Similar Colors

Text with hexadecimal color #cc1616

This text has a font color of #cc1616.

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

#cc1616 background color

This paragraph has a background color of #cc1616.

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

#cc1616 border color

This element has a border color of #cc1616.

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

CSS codes

.text {color:#cc1616;}

.background {background-color:#cc1616;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0303
```
#1b0303 rgb(27,3,3)
```
#2d0505
```
#2d0505 rgb(45,5,5)
```
#3e0707
```
#3e0707 rgb(62,7,7)
```
#500909
```
#500909 rgb(80,9,9)
```
#620b0b
```
#620b0b rgb(98,11,11)
```
#730c0c
```
#730c0c rgb(115,12,12)
```
#850e0e
```
#850e0e rgb(133,14,14)
```
#971010
```
#971010 rgb(151,16,16)
```
#a91212
```
#a91212 rgb(169,18,18)
```
#ba1414
```
#ba1414 rgb(186,20,20)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#de1818
```
#de1818 rgb(222,24,24)
```

Shade Color Variation

#e72222
```
#e72222 rgb(231,34,34)
```
#e93434
```
#e93434 rgb(233,52,52)
```
#eb4545
```
#eb4545 rgb(235,69,69)
```
#ed5757
```
#ed5757 rgb(237,87,87)
```
#ef6969
```
#ef6969 rgb(239,105,105)
```
#f17b7b
```
#f17b7b rgb(241,123,123)
```
#f38c8c
```
#f38c8c rgb(243,140,140)
```
#f59e9e
```
#f59e9e rgb(245,158,158)
```
#f6b0b0
```
#f6b0b0 rgb(246,176,176)
```
#f8c1c1
```
#f8c1c1 rgb(248,193,193)
```
#fad3d3
```
#fad3d3 rgb(250,211,211)
```
#fce5e5
```
#fce5e5 rgb(252,229,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#756d6d
```
#756d6d rgb(117,109,109)
```
#7e6464
```
#7e6464 rgb(126,100,100)
```
#865c5c
```
#865c5c rgb(134,92,92)
```
#8f5353
```
#8f5353 rgb(143,83,83)
```
#984a4a
```
#984a4a rgb(152,74,74)
```
#a14141
```
#a14141 rgb(161,65,65)
```
#a93939
```
#a93939 rgb(169,57,57)
```
#b23030
```
#b23030 rgb(178,48,48)
```
#bb2727
```
#bb2727 rgb(187,39,39)
```
#c31f1f
```
#c31f1f rgb(195,31,31)
```
#cc1616
```
#cc1616 rgb(204,22,22)
```
#d50d0d
```
#d50d0d rgb(213,13,13)
```
#dd0505
```
#dd0505 rgb(221,5,5)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#664141 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e32 Protanopia 1% of men
#8a6900 Deuteranopia 1% of men
#ce221f Tritanopia 0.001% of the population

Trichromacy

#984e27 Protanomaly 1% of men, 0.01% of women
#a24b08 Deuteranomaly 6% of men, 0.4% of women
#cd1d1c Tritanomaly 0.01% of the population

#cc1616 hex color

#cc1616 Color Information

#cc1616 Color Conversion

Color Schemes with #cc1616

Alternatives to #cc1616

#cc1616 Preview

Shades and Tints of #cc1616

Tones of #cc1616

Color Blindness Simulator