#cc212e hex color

In a RGB color space, hex #cc212e is composed of 80% red, 12.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 77.5% yellow and 20% black. It has a hue angle of 355.4 degrees, a saturation of 72.2% and a lightness of 46.5%. #cc212e color hex could be obtained by blending #ff425c with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 13
- B 18
RGB color chart
- C 0
- M 84
- Y 77
- K 20
CMYK color chart

● #cc212e color description : Strong red.

The hexadecimal color #cc212e has RGB values of R:204, G:33, B:46 and CMYK values of C:0, M:0.84, Y:0.77, K:0.2. Its decimal value is 13377838.

Hex triplet	cc212e	`#cc212e`
RGB Decimal	204, 33, 46	`rgb(204,33,46)`
RGB Percent	80, 12.9, 18	`rgb(80%,12.9%,18%)`
CMYK	0, 84, 77, 20
HSL	355.4°, 72.2, 46.5	`hsl(355.4,72.2%,46.5%)`
HSV (or HSB)	355.4°, 83.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.413, 63.927, 37.978
XYZ	25.94, 14.126, 3.945
xyY	0.589, 0.321, 14.126
CIE-LCH	44.413, 74.357, 30.714
CIE-LUV	44.413, 125.731, 23.601
Hunter-Lab	37.584, 57.427, 20.085
Binary	11001100, 00100001, 00101110

#cc212e
```
#cc212e rgb(204,33,46)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```

Complementary Color

#cc2184
```
#cc2184 rgb(204,33,132)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#cc6a21
```
#cc6a21 rgb(204,106,33)
```

Analogous Color

#2184cc
```
#2184cc rgb(33,132,204)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#21cc6a
```
#21cc6a rgb(33,204,106)
```

Split Complementary Color

#212ecc
```
#212ecc rgb(33,46,204)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#2ecc21
```
#2ecc21 rgb(46,204,33)
```

Triadic Color

#bf21cc
```
#bf21cc rgb(191,33,204)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#2ecc21
```
#2ecc21 rgb(46,204,33)
```
#21ccbf
```
#21ccbf rgb(33,204,191)
```

Tetradic Color

#8a161f
```
#8a161f rgb(138,22,31)
```
#a01a24
```
#a01a24 rgb(160,26,36)
```
#b61d29
```
#b61d29 rgb(182,29,41)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#dd2a38
```
#dd2a38 rgb(221,42,56)
```
#e0404c
```
#e0404c rgb(224,64,76)
```
#e45661
```
#e45661 rgb(228,86,97)
```

Monochromatic Color

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

#cc2159
```
#cc2159 rgb(204,33,89)
```
#cc214b
```
#cc214b rgb(204,33,75)
```
#cc213c
```
#cc213c rgb(204,33,60)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#cc2221
```
#cc2221 rgb(204,34,33)
```
#cc3121
```
#cc3121 rgb(204,49,33)
```
#cc3f21
```
#cc3f21 rgb(204,63,33)
```

Similar Colors

Text with hexadecimal color #cc212e

This text has a font color of #cc212e.

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

#cc212e background color

This paragraph has a background color of #cc212e.

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

#cc212e border color

This element has a border color of #cc212e.

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

CSS codes

.text {color:#cc212e;}

.background {background-color:#cc212e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120304
```
#120304 rgb(18,3,4)
```
#230608
```
#230608 rgb(35,6,8)
```
#34080c
```
#34080c rgb(52,8,12)
```
#450b10
```
#450b10 rgb(69,11,16)
```
#560e13
```
#560e13 rgb(86,14,19)
```
#671117
```
#671117 rgb(103,17,23)
```
#78131b
```
#78131b rgb(120,19,27)
```
#88161f
```
#88161f rgb(136,22,31)
```
#991923
```
#991923 rgb(153,25,35)
```
#aa1c26
```
#aa1c26 rgb(170,28,38)
```
#bb1e2a
```
#bb1e2a rgb(187,30,42)
```
#cc212e
```
#cc212e rgb(204,33,46)
```

Shade Color Variation

#dc2533
```
#dc2533 rgb(220,37,51)
```
#de3643
```
#de3643 rgb(222,54,67)
```
#e14752
```
#e14752 rgb(225,71,82)
```
#e45862
```
#e45862 rgb(228,88,98)
```
#e76872
```
#e76872 rgb(231,104,114)
```
#e97982
```
#e97982 rgb(233,121,130)
```
#ec8a92
```
#ec8a92 rgb(236,138,146)
```
#ef9ba1
```
#ef9ba1 rgb(239,155,161)
```
#f2acb1
```
#f2acb1 rgb(242,172,177)
```
#f4bdc1
```
#f4bdc1 rgb(244,189,193)
```
#f7ced1
```
#f7ced1 rgb(247,206,209)
```
#fadfe1
```
#fadfe1 rgb(250,223,225)
```
#fcf0f0
```
#fcf0f0 rgb(252,240,240)
```

Tint Color Variation

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

#7a7374
```
#7a7374 rgb(122,115,116)
```
#836a6c
```
#836a6c rgb(131,106,108)
```
#8c6164
```
#8c6164 rgb(140,97,100)
```
#95585c
```
#95585c rgb(149,88,92)
```
#9e4f55
```
#9e4f55 rgb(158,79,85)
```
#a8454d
```
#a8454d rgb(168,69,77)
```
#b13c45
```
#b13c45 rgb(177,60,69)
```
#ba333d
```
#ba333d rgb(186,51,61)
```
#c32a36
```
#c32a36 rgb(195,42,54)
```
#cc212e
```
#cc212e rgb(204,33,46)
```
#d51826
```
#d51826 rgb(213,24,38)
```
#de0f1f
```
#de0f1f rgb(222,15,31)
```
#e70617
```
#e70617 rgb(231,6,23)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6e4b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a704b Protanopia 1% of men
#8b6b2b Deuteranopia 1% of men
#ce2e2e Tritanopia 0.001% of the population

Trichromacy

#975340 Protanomaly 1% of men, 0.01% of women
#a2502c Deuteranomaly 6% of men, 0.4% of women
#cd292e Tritanomaly 0.01% of the population

#cc212e hex color

#cc212e Color Information

#cc212e Color Conversion

Color Schemes with #cc212e

Alternatives to #cc212e

#cc212e Preview

Shades and Tints of #cc212e

Tones of #cc212e

Color Blindness Simulator