#cc212f hex color

In a RGB color space, hex #cc212f is composed of 80% red, 12.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 77% yellow and 20% black. It has a hue angle of 355.1 degrees, a saturation of 72.2% and a lightness of 46.5%. #cc212f color hex could be obtained by blending #ff425e 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

● #cc212f color description : Strong red.

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

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

CIE-LAB	44.424, 63.961, 37.415
XYZ	25.96, 14.134, 4.05
xyY	0.588, 0.32, 14.134
CIE-LCH	44.424, 74.101, 30.326
CIE-LUV	44.424, 125.511, 23.238
Hunter-Lab	37.595, 57.468, 19.929
Binary	11001100, 00100001, 00101111

#cc212f
```
#cc212f rgb(204,33,47)
```
#21ccbe
```
#21ccbe rgb(33,204,190)
```

Complementary Color

#cc2185
```
#cc2185 rgb(204,33,133)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#cc6921
```
#cc6921 rgb(204,105,33)
```

Analogous Color

#2185cc
```
#2185cc rgb(33,133,204)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#21cc69
```
#21cc69 rgb(33,204,105)
```

Split Complementary Color

#212fcc
```
#212fcc rgb(33,47,204)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#2fcc21
```
#2fcc21 rgb(47,204,33)
```

Triadic Color

#be21cc
```
#be21cc rgb(190,33,204)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#2fcc21
```
#2fcc21 rgb(47,204,33)
```
#21ccbe
```
#21ccbe rgb(33,204,190)
```

Tetradic Color

#8a1620
```
#8a1620 rgb(138,22,32)
```
#a01a25
```
#a01a25 rgb(160,26,37)
```
#b61d2a
```
#b61d2a rgb(182,29,42)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#dd2a39
```
#dd2a39 rgb(221,42,57)
```
#e0404d
```
#e0404d rgb(224,64,77)
```
#e45661
```
#e45661 rgb(228,86,97)
```

Monochromatic Color

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

#cc215a
```
#cc215a rgb(204,33,90)
```
#cc214c
```
#cc214c rgb(204,33,76)
```
#cc213d
```
#cc213d rgb(204,33,61)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#cc2121
```
#cc2121 rgb(204,33,33)
```
#cc3021
```
#cc3021 rgb(204,48,33)
```
#cc3e21
```
#cc3e21 rgb(204,62,33)
```

Similar Colors

Text with hexadecimal color #cc212f

This text has a font color of #cc212f.

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

#cc212f background color

This paragraph has a background color of #cc212f.

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

#cc212f border color

This element has a border color of #cc212f.

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

CSS codes

.text {color:#cc212f;}

.background {background-color:#cc212f;}

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

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 #fcf0f1 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)
```
#560e14
```
#560e14 rgb(86,14,20)
```
#671118
```
#671118 rgb(103,17,24)
```
#78131c
```
#78131c rgb(120,19,28)
```
#88161f
```
#88161f rgb(136,22,31)
```
#991923
```
#991923 rgb(153,25,35)
```
#aa1c27
```
#aa1c27 rgb(170,28,39)
```
#bb1e2b
```
#bb1e2b rgb(187,30,43)
```
#cc212f
```
#cc212f rgb(204,33,47)
```

Shade Color Variation

#dc2534
```
#dc2534 rgb(220,37,52)
```
#de3644
```
#de3644 rgb(222,54,68)
```
#e14753
```
#e14753 rgb(225,71,83)
```
#e45863
```
#e45863 rgb(228,88,99)
```
#e76873
```
#e76873 rgb(231,104,115)
```
#e97982
```
#e97982 rgb(233,121,130)
```
#ec8a92
```
#ec8a92 rgb(236,138,146)
```
#ef9ba2
```
#ef9ba2 rgb(239,155,162)
```
#f2acb2
```
#f2acb2 rgb(242,172,178)
```
#f4bdc1
```
#f4bdc1 rgb(244,189,193)
```
#f7ced1
```
#f7ced1 rgb(247,206,209)
```
#fadfe1
```
#fadfe1 rgb(250,223,225)
```
#fcf0f1
```
#fcf0f1 rgb(252,240,241)
```

Tint Color Variation

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

#7a7374
```
#7a7374 rgb(122,115,116)
```
#836a6c
```
#836a6c rgb(131,106,108)
```
#8c6164
```
#8c6164 rgb(140,97,100)
```
#95585d
```
#95585d rgb(149,88,93)
```
#9e4f55
```
#9e4f55 rgb(158,79,85)
```
#a8454d
```
#a8454d rgb(168,69,77)
```
#b13c46
```
#b13c46 rgb(177,60,70)
```
#ba333e
```
#ba333e rgb(186,51,62)
```
#c32a37
```
#c32a37 rgb(195,42,55)
```
#cc212f
```
#cc212f rgb(204,33,47)
```
#d51827
```
#d51827 rgb(213,24,39)
```
#de0f20
```
#de0f20 rgb(222,15,32)
```
#e70618
```
#e70618 rgb(231,6,24)
```

Tone Color Variation

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

#7a704c Protanopia 1% of men
#8b6b2c Deuteranopia 1% of men
#ce2e2e Tritanopia 0.001% of the population

Trichromacy

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

#cc212f hex color

#cc212f Color Information

#cc212f Color Conversion

Color Schemes with #cc212f

Alternatives to #cc212f

#cc212f Preview

Shades and Tints of #cc212f

Tones of #cc212f

Color Blindness Simulator