#cc1216 hex color

In a RGB color space, hex #cc1216 is composed of 80% red, 7.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 89.2% yellow and 20% black. It has a hue angle of 358.7 degrees, a saturation of 83.8% and a lightness of 43.5%. #cc1216 color hex could be obtained by blending #ff242c 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

● #cc1216 color description : Strong red.

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

Hex triplet	cc1216	`#cc1216`
RGB Decimal	204, 18, 22	`rgb(204,18,22)`
RGB Percent	80, 7.1, 8.6	`rgb(80%,7.1%,8.6%)`
CMYK	0, 91, 89, 20
HSL	358.7°, 83.8, 43.5	`hsl(358.7,83.8%,43.5%)`
HSV (or HSB)	358.7°, 91.2, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	43.258, 66.061, 49.382
XYZ	25.264, 13.331, 2.002
xyY	0.622, 0.328, 13.331
CIE-LCH	43.258, 82.478, 36.779
CIE-LUV	43.258, 134.508, 28.414
Hunter-Lab	36.512, 59.617, 22.307
Binary	11001100, 00010010, 00010110

#cc1216
```
#cc1216 rgb(204,18,22)
```
#12ccc8
```
#12ccc8 rgb(18,204,200)
```

Complementary Color

#cc1273
```
#cc1273 rgb(204,18,115)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#cc6b12
```
#cc6b12 rgb(204,107,18)
```

Analogous Color

#1273cc
```
#1273cc rgb(18,115,204)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#12cc6b
```
#12cc6b rgb(18,204,107)
```

Split Complementary Color

#1216cc
```
#1216cc rgb(18,22,204)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#16cc12
```
#16cc12 rgb(22,204,18)
```

Triadic Color

#c812cc
```
#c812cc rgb(200,18,204)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#16cc12
```
#16cc12 rgb(22,204,18)
```
#12ccc8
```
#12ccc8 rgb(18,204,200)
```

Tetradic Color

#860c0e
```
#860c0e rgb(134,12,14)
```
#9d0e11
```
#9d0e11 rgb(157,14,17)
```
#b51013
```
#b51013 rgb(181,16,19)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#e31419
```
#e31419 rgb(227,20,25)
```
#ec2529
```
#ec2529 rgb(236,37,41)
```
#ee3d40
```
#ee3d40 rgb(238,61,64)
```

Monochromatic Color

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

#cc1244
```
#cc1244 rgb(204,18,68)
```
#cc1235
```
#cc1235 rgb(204,18,53)
```
#cc1225
```
#cc1225 rgb(204,18,37)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#cc1e12
```
#cc1e12 rgb(204,30,18)
```
#cc2d12
```
#cc2d12 rgb(204,45,18)
```
#cc3d12
```
#cc3d12 rgb(204,61,18)
```

Similar Colors

Text with hexadecimal color #cc1216

This text has a font color of #cc1216.

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

#cc1216 background color

This paragraph has a background color of #cc1216.

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

#cc1216 border color

This element has a border color of #cc1216.

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

CSS codes

.text {color:#cc1216;}

.background {background-color:#cc1216;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180203
```
#180203 rgb(24,2,3)
```
#2a0405
```
#2a0405 rgb(42,4,5)
```
#3c0506
```
#3c0506 rgb(60,5,6)
```
#4e0708
```
#4e0708 rgb(78,7,8)
```
#60080a
```
#60080a rgb(96,8,10)
```
#720a0c
```
#720a0c rgb(114,10,12)
```
#840c0e
```
#840c0e rgb(132,12,14)
```
#960d10
```
#960d10 rgb(150,13,16)
```
#a80f12
```
#a80f12 rgb(168,15,18)
```
#ba1014
```
#ba1014 rgb(186,16,20)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#de1418
```
#de1418 rgb(222,20,24)
```

Shade Color Variation

#eb1a1f
```
#eb1a1f rgb(235,26,31)
```
#ec2c31
```
#ec2c31 rgb(236,44,49)
```
#ee3e42
```
#ee3e42 rgb(238,62,66)
```
#f05054
```
#f05054 rgb(240,80,84)
```
#f16366
```
#f16366 rgb(241,99,102)
```
#f37577
```
#f37577 rgb(243,117,119)
```
#f48789
```
#f48789 rgb(244,135,137)
```
#f6999b
```
#f6999b rgb(246,153,155)
```
#f8abac
```
#f8abac rgb(248,171,172)
```
#f9bdbe
```
#f9bdbe rgb(249,189,190)
```
#fbcfd0
```
#fbcfd0 rgb(251,207,208)
```
#fce1e1
```
#fce1e1 rgb(252,225,225)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#776768
```
#776768 rgb(119,103,104)
```
#7f5f60
```
#7f5f60 rgb(127,95,96)
```
#885657
```
#885657 rgb(136,86,87)
```
#904e4f
```
#904e4f rgb(144,78,79)
```
#994547
```
#994547 rgb(153,69,71)
```
#a13d3f
```
#a13d3f rgb(161,61,63)
```
#aa3437
```
#aa3437 rgb(170,52,55)
```
#b22c2f
```
#b22c2f rgb(178,44,47)
```
#bb2326
```
#bb2326 rgb(187,35,38)
```
#c31b1e
```
#c31b1e rgb(195,27,30)
```
#cc1216
```
#cc1216 rgb(204,18,22)
```
#d5090e
```
#d5090e rgb(213,9,14)
```
#dd0106
```
#dd0106 rgb(221,1,6)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#643f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e32 Protanopia 1% of men
#896800 Deuteranopia 1% of men
#ce1f1b Tritanopia 0.001% of the population

Trichromacy

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

#cc1216 hex color

#cc1216 Color Information

#cc1216 Color Conversion

Color Schemes with #cc1216

Alternatives to #cc1216

#cc1216 Preview

Shades and Tints of #cc1216

Tones of #cc1216

Color Blindness Simulator