#cc2214 hex color

In a RGB color space, hex #cc2214 is composed of 80% red, 13.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 90.2% yellow and 20% black. It has a hue angle of 4.6 degrees, a saturation of 82.1% and a lightness of 43.9%. #cc2214 color hex could be obtained by blending #ff4428 with #990000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 80
- G 13
- B 8
RGB color chart
- C 0
- M 83
- Y 90
- K 20
CMYK color chart

● #cc2214 color description : Strong red.

The hexadecimal color #cc2214 has RGB values of R:204, G:34, B:20 and CMYK values of C:0, M:0.83, Y:0.9, K:0.2. Its decimal value is 13378068.

Hex triplet	cc2214	`#cc2214`
RGB Decimal	204, 34, 20	`rgb(204,34,20)`
RGB Percent	80, 13.3, 7.8	`rgb(80%,13.3%,7.8%)`
CMYK	0, 83, 90, 20
HSL	4.6°, 82.1, 43.9	`hsl(4.6,82.1%,43.9%)`
HSV (or HSB)	4.6°, 90.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.283, 63.066, 50.967
XYZ	25.602, 14.035, 2.023
xyY	0.615, 0.337, 14.035
CIE-LCH	44.283, 81.086, 38.943
CIE-LUV	44.283, 129.517, 30.63
Hunter-Lab	37.464, 56.42, 23.023
Binary	11001100, 00100010, 00010100

#cc2214
```
#cc2214 rgb(204,34,20)
```
#14becc
```
#14becc rgb(20,190,204)
```

Complementary Color

#cc1462
```
#cc1462 rgb(204,20,98)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#cc7e14
```
#cc7e14 rgb(204,126,20)
```

Analogous Color

#1462cc
```
#1462cc rgb(20,98,204)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#14cc7e
```
#14cc7e rgb(20,204,126)
```

Split Complementary Color

#2214cc
```
#2214cc rgb(34,20,204)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#14cc22
```
#14cc22 rgb(20,204,34)
```

Triadic Color

#cc14be
```
#cc14be rgb(204,20,190)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#14cc22
```
#14cc22 rgb(20,204,34)
```
#14becc
```
#14becc rgb(20,190,204)
```

Tetradic Color

#86160d
```
#86160d rgb(134,22,13)
```
#9e1a0f
```
#9e1a0f rgb(158,26,15)
```
#b51e12
```
#b51e12 rgb(181,30,18)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#e32616
```
#e32616 rgb(227,38,22)
```
#ea3829
```
#ea3829 rgb(234,56,41)
```
#ec4d40
```
#ec4d40 rgb(236,77,64)
```

Monochromatic Color

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

#cc1434
```
#cc1434 rgb(204,20,52)
```
#cc1425
```
#cc1425 rgb(204,20,37)
```
#cc1415
```
#cc1415 rgb(204,20,21)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#cc3114
```
#cc3114 rgb(204,49,20)
```
#cc4114
```
#cc4114 rgb(204,65,20)
```
#cc5014
```
#cc5014 rgb(204,80,20)
```

Similar Colors

Text with hexadecimal color #cc2214

This text has a font color of #cc2214.

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

#cc2214 background color

This paragraph has a background color of #cc2214.

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

#cc2214 border color

This element has a border color of #cc2214.

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

CSS codes

.text {color:#cc2214;}

.background {background-color:#cc2214;}

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

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 #fef5f5 is the lightest one.

#070101
```
#070101 rgb(7,1,1)
```
#190402
```
#190402 rgb(25,4,2)
```
#2b0704
```
#2b0704 rgb(43,7,4)
```
#3d0a06
```
#3d0a06 rgb(61,10,6)
```
#4f0d08
```
#4f0d08 rgb(79,13,8)
```
#611009
```
#611009 rgb(97,16,9)
```
#73130b
```
#73130b rgb(115,19,11)
```
#85160d
```
#85160d rgb(133,22,13)
```
#96190f
```
#96190f rgb(150,25,15)
```
#a81c10
```
#a81c10 rgb(168,28,16)
```
#ba1f12
```
#ba1f12 rgb(186,31,18)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#de2516
```
#de2516 rgb(222,37,22)
```

Shade Color Variation

#e92e1e
```
#e92e1e rgb(233,46,30)
```
#eb3e30
```
#eb3e30 rgb(235,62,48)
```
#ec4f42
```
#ec4f42 rgb(236,79,66)
```
#ee6054
```
#ee6054 rgb(238,96,84)
```
#f07066
```
#f07066 rgb(240,112,102)
```
#f28178
```
#f28178 rgb(242,129,120)
```
#f39289
```
#f39289 rgb(243,146,137)
```
#f5a29b
```
#f5a29b rgb(245,162,155)
```
#f7b3ad
```
#f7b3ad rgb(247,179,173)
```
#f9c3bf
```
#f9c3bf rgb(249,195,191)
```
#fad4d1
```
#fad4d1 rgb(250,212,209)
```
#fce5e3
```
#fce5e3 rgb(252,229,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#766b6a
```
#766b6a rgb(118,107,106)
```
#7e6462
```
#7e6462 rgb(126,100,98)
```
#875c59
```
#875c59 rgb(135,92,89)
```
#905550
```
#905550 rgb(144,85,80)
```
#984e48
```
#984e48 rgb(152,78,72)
```
#a1473f
```
#a1473f rgb(161,71,63)
```
#aa3f36
```
#aa3f36 rgb(170,63,54)
```
#b2382e
```
#b2382e rgb(178,56,46)
```
#bb3125
```
#bb3125 rgb(187,49,37)
```
#c3291d
```
#c3291d rgb(195,41,29)
```
#cc2214
```
#cc2214 rgb(204,34,20)
```
#d51b0b
```
#d51b0b rgb(213,27,11)
```
#dd1303
```
#dd1303 rgb(221,19,3)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6b4946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c702f Protanopia 1% of men
#8c6b00 Deuteranopia 1% of men
#ce2c2b Tritanopia 0.001% of the population

Trichromacy

#995425 Protanomaly 1% of men, 0.01% of women
#a35007 Deuteranomaly 6% of men, 0.4% of women
#cd2823 Tritanomaly 0.01% of the population

#cc2214 hex color

#cc2214 Color Information

#cc2214 Color Conversion

Color Schemes with #cc2214

Alternatives to #cc2214

#cc2214 Preview

Shades and Tints of #cc2214

Tones of #cc2214

Color Blindness Simulator