#cc212d hex color

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

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

● #cc212d color description : Strong red.

The hexadecimal color #cc212d has RGB values of R:204, G:33, B:45 and CMYK values of C:0, M:0.84, Y:0.78, K:0.2. Its decimal value is 13377837.

Hex triplet	cc212d	`#cc212d`
RGB Decimal	204, 33, 45	`rgb(204,33,45)`
RGB Percent	80, 12.9, 17.6	`rgb(80%,12.9%,17.6%)`
CMYK	0, 84, 78, 20
HSL	355.8°, 72.2, 46.5	`hsl(355.8,72.2%,46.5%)`
HSV (or HSB)	355.8°, 83.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.401, 63.894, 38.538
XYZ	25.921, 14.118, 3.843
xyY	0.591, 0.322, 14.118
CIE-LCH	44.401, 74.616, 31.096
CIE-LUV	44.401, 125.946, 23.957
Hunter-Lab	37.574, 57.386, 20.238
Binary	11001100, 00100001, 00101101

#cc212d
```
#cc212d rgb(204,33,45)
```
#21ccc0
```
#21ccc0 rgb(33,204,192)
```

Complementary Color

#cc2183
```
#cc2183 rgb(204,33,131)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#cc6b21
```
#cc6b21 rgb(204,107,33)
```

Analogous Color

#2183cc
```
#2183cc rgb(33,131,204)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#21cc6b
```
#21cc6b rgb(33,204,107)
```

Split Complementary Color

#212dcc
```
#212dcc rgb(33,45,204)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#2dcc21
```
#2dcc21 rgb(45,204,33)
```

Triadic Color

#c021cc
```
#c021cc rgb(192,33,204)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#2dcc21
```
#2dcc21 rgb(45,204,33)
```
#21ccc0
```
#21ccc0 rgb(33,204,192)
```

Tetradic Color

#8a161e
```
#8a161e rgb(138,22,30)
```
#a01a23
```
#a01a23 rgb(160,26,35)
```
#b61d28
```
#b61d28 rgb(182,29,40)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#dd2a36
```
#dd2a36 rgb(221,42,54)
```
#e0404b
```
#e0404b rgb(224,64,75)
```
#e45660
```
#e45660 rgb(228,86,96)
```

Monochromatic Color

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

#cc2158
```
#cc2158 rgb(204,33,88)
```
#cc2149
```
#cc2149 rgb(204,33,73)
```
#cc213b
```
#cc213b rgb(204,33,59)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#cc2321
```
#cc2321 rgb(204,35,33)
```
#cc3221
```
#cc3221 rgb(204,50,33)
```
#cc4021
```
#cc4021 rgb(204,64,33)
```

Similar Colors

Text with hexadecimal color #cc212d

This text has a font color of #cc212d.

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

#cc212d background color

This paragraph has a background color of #cc212d.

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

#cc212d border color

This element has a border color of #cc212d.

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

CSS codes

.text {color:#cc212d;}

.background {background-color:#cc212d;}

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

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)
```
#34080b
```
#34080b rgb(52,8,11)
```
#450b0f
```
#450b0f rgb(69,11,15)
```
#560e13
```
#560e13 rgb(86,14,19)
```
#671117
```
#671117 rgb(103,17,23)
```
#78131a
```
#78131a rgb(120,19,26)
```
#88161e
```
#88161e rgb(136,22,30)
```
#991922
```
#991922 rgb(153,25,34)
```
#aa1c26
```
#aa1c26 rgb(170,28,38)
```
#bb1e29
```
#bb1e29 rgb(187,30,41)
```
#cc212d
```
#cc212d rgb(204,33,45)
```

Shade Color Variation

#dc2532
```
#dc2532 rgb(220,37,50)
```
#de3642
```
#de3642 rgb(222,54,66)
```
#e14752
```
#e14752 rgb(225,71,82)
```
#e45861
```
#e45861 rgb(228,88,97)
```
#e76871
```
#e76871 rgb(231,104,113)
```
#e97981
```
#e97981 rgb(233,121,129)
```
#ec8a91
```
#ec8a91 rgb(236,138,145)
```
#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 #e70615 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)
```
#9e4f54
```
#9e4f54 rgb(158,79,84)
```
#a8454c
```
#a8454c rgb(168,69,76)
```
#b13c45
```
#b13c45 rgb(177,60,69)
```
#ba333d
```
#ba333d rgb(186,51,61)
```
#c32a35
```
#c32a35 rgb(195,42,53)
```
#cc212d
```
#cc212d rgb(204,33,45)
```
#d51825
```
#d51825 rgb(213,24,37)
```
#de0f1d
```
#de0f1d rgb(222,15,29)
```
#e70615
```
#e70615 rgb(231,6,21)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6d4b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a704a Protanopia 1% of men
#8b6b2a Deuteranopia 1% of men
#ce2e2e Tritanopia 0.001% of the population

Trichromacy

#98533f Protanomaly 1% of men, 0.01% of women
#a3502b Deuteranomaly 6% of men, 0.4% of women
#cd292d Tritanomaly 0.01% of the population

#cc212d hex color

#cc212d Color Information

#cc212d Color Conversion

Color Schemes with #cc212d

Alternatives to #cc212d

#cc212d Preview

Shades and Tints of #cc212d

Tones of #cc212d

Color Blindness Simulator