#cc1816 hex color

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

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

● #cc1816 color description : Strong red.

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

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

CIE-LAB	43.583, 65.127, 49.621
XYZ	25.375, 13.552, 2.039
xyY	0.619, 0.331, 13.552
CIE-LCH	43.583, 81.877, 37.304
CIE-LUV	43.583, 132.86, 28.999
Hunter-Lab	36.813, 58.615, 22.485
Binary	11001100, 00011000, 00010110

#cc1816
```
#cc1816 rgb(204,24,22)
```
#16cacc
```
#16cacc rgb(22,202,204)
```

Complementary Color

#cc166f
```
#cc166f rgb(204,22,111)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#cc7316
```
#cc7316 rgb(204,115,22)
```

Analogous Color

#166fcc
```
#166fcc rgb(22,111,204)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#16cc73
```
#16cc73 rgb(22,204,115)
```

Split Complementary Color

#1816cc
```
#1816cc rgb(24,22,204)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#16cc18
```
#16cc18 rgb(22,204,24)
```

Triadic Color

#cc16ca
```
#cc16ca rgb(204,22,202)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#16cc18
```
#16cc18 rgb(22,204,24)
```
#16cacc
```
#16cacc rgb(22,202,204)
```

Tetradic Color

#87100f
```
#87100f rgb(135,16,15)
```
#9e1311
```
#9e1311 rgb(158,19,17)
```
#b51514
```
#b51514 rgb(181,21,20)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#e31b18
```
#e31b18 rgb(227,27,24)
```
#e82f2d
```
#e82f2d rgb(232,47,45)
```
#eb4644
```
#eb4644 rgb(235,70,68)
```

Monochromatic Color

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

#cc1642
```
#cc1642 rgb(204,22,66)
```
#cc1632
```
#cc1632 rgb(204,22,50)
```
#cc1623
```
#cc1623 rgb(204,22,35)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#cc2716
```
#cc2716 rgb(204,39,22)
```
#cc3616
```
#cc3616 rgb(204,54,22)
```
#cc4616
```
#cc4616 rgb(204,70,22)
```

Similar Colors

Text with hexadecimal color #cc1816

This text has a font color of #cc1816.

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

#cc1816 background color

This paragraph has a background color of #cc1816.

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

#cc1816 border color

This element has a border color of #cc1816.

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

CSS codes

.text {color:#cc1816;}

.background {background-color:#cc1816;}

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

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)
```
#620c0b
```
#620c0b rgb(98,12,11)
```
#730e0c
```
#730e0c rgb(115,14,12)
```
#85100e
```
#85100e rgb(133,16,14)
```
#971210
```
#971210 rgb(151,18,16)
```
#a91412
```
#a91412 rgb(169,20,18)
```
#ba1614
```
#ba1614 rgb(186,22,20)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#de1a18
```
#de1a18 rgb(222,26,24)
```

Shade Color Variation

#e72422
```
#e72422 rgb(231,36,34)
```
#e93634
```
#e93634 rgb(233,54,52)
```
#eb4745
```
#eb4745 rgb(235,71,69)
```
#ed5957
```
#ed5957 rgb(237,89,87)
```
#ef6a69
```
#ef6a69 rgb(239,106,105)
```
#f17c7b
```
#f17c7b rgb(241,124,123)
```
#f38d8c
```
#f38d8c rgb(243,141,140)
```
#f59f9e
```
#f59f9e rgb(245,159,158)
```
#f6b0b0
```
#f6b0b0 rgb(246,176,176)
```
#f8c2c1
```
#f8c2c1 rgb(248,194,193)
```
#fad4d3
```
#fad4d3 rgb(250,212,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 #dd0705 is the most saturated one.

#756d6d
```
#756d6d rgb(117,109,109)
```
#7e6564
```
#7e6564 rgb(126,101,100)
```
#865c5c
```
#865c5c rgb(134,92,92)
```
#8f5453
```
#8f5453 rgb(143,84,83)
```
#984b4a
```
#984b4a rgb(152,75,74)
```
#a14341
```
#a14341 rgb(161,67,65)
```
#a93a39
```
#a93a39 rgb(169,58,57)
```
#b23230
```
#b23230 rgb(178,50,48)
```
#bb2927
```
#bb2927 rgb(187,41,39)
```
#c3211f
```
#c3211f rgb(195,33,31)
```
#cc1816
```
#cc1816 rgb(204,24,22)
```
#d50f0d
```
#d50f0d rgb(213,15,13)
```
#dd0705
```
#dd0705 rgb(221,7,5)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#674343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f32 Protanopia 1% of men
#8a6900 Deuteranopia 1% of men
#ce2421 Tritanopia 0.001% of the population

Trichromacy

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

#cc1816 hex color

#cc1816 Color Information

#cc1816 Color Conversion

Color Schemes with #cc1816

Alternatives to #cc1816

#cc1816 Preview

Shades and Tints of #cc1816

Tones of #cc1816

Color Blindness Simulator