#cc3212 hex color

In a RGB color space, hex #cc3212 is composed of 80% red, 19.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 91.2% yellow and 20% black. It has a hue angle of 10.3 degrees, a saturation of 83.8% and a lightness of 43.5%. #cc3212 color hex could be obtained by blending #ff6424 with #990000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 80
- G 20
- B 7
RGB color chart
- C 0
- M 75
- Y 91
- K 20
CMYK color chart

● #cc3212 color description : Strong red.

The hexadecimal color #cc3212 has RGB values of R:204, G:50, B:18 and CMYK values of C:0, M:0.75, Y:0.91, K:0.2. Its decimal value is 13382162.

Hex triplet	cc3212	`#cc3212`
RGB Decimal	204, 50, 18	`rgb(204,50,18)`
RGB Percent	80, 19.6, 7.1	`rgb(80%,19.6%,7.1%)`
CMYK	0, 75, 91, 20
HSL	10.3°, 83.8, 43.5	`hsl(10.3,83.8%,43.5%)`
HSV (or HSB)	10.3°, 91.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.86, 58.572, 52.83
XYZ	26.153, 15.165, 2.122
xyY	0.602, 0.349, 15.165
CIE-LCH	45.86, 78.878, 42.049
CIE-LUV	45.86, 121.925, 33.754
Hunter-Lab	38.943, 51.726, 24.029
Binary	11001100, 00110010, 00010010

#cc3212
```
#cc3212 rgb(204,50,18)
```
#12accc
```
#12accc rgb(18,172,204)
```

Complementary Color

#cc124f
```
#cc124f rgb(204,18,79)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#cc8f12
```
#cc8f12 rgb(204,143,18)
```

Analogous Color

#124fcc
```
#124fcc rgb(18,79,204)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#12cc8f
```
#12cc8f rgb(18,204,143)
```

Split Complementary Color

#3212cc
```
#3212cc rgb(50,18,204)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#12cc32
```
#12cc32 rgb(18,204,50)
```

Triadic Color

#cc12ac
```
#cc12ac rgb(204,18,172)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#12cc32
```
#12cc32 rgb(18,204,50)
```
#12accc
```
#12accc rgb(18,172,204)
```

Tetradic Color

#86210c
```
#86210c rgb(134,33,12)
```
#9d270e
```
#9d270e rgb(157,39,14)
```
#b52c10
```
#b52c10 rgb(181,44,16)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#e33814
```
#e33814 rgb(227,56,20)
```
#ec4725
```
#ec4725 rgb(236,71,37)
```
#ee5b3d
```
#ee5b3d rgb(238,91,61)
```

Monochromatic Color

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

#cc1221
```
#cc1221 rgb(204,18,33)
```
#cc1312
```
#cc1312 rgb(204,19,18)
```
#cc2212
```
#cc2212 rgb(204,34,18)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#cc4112
```
#cc4112 rgb(204,65,18)
```
#cc5112
```
#cc5112 rgb(204,81,18)
```
#cc6012
```
#cc6012 rgb(204,96,18)
```

Similar Colors

Text with hexadecimal color #cc3212

This text has a font color of #cc3212.

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

#cc3212 background color

This paragraph has a background color of #cc3212.

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

#cc3212 border color

This element has a border color of #cc3212.

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

CSS codes

.text {color:#cc3212;}

.background {background-color:#cc3212;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180602
```
#180602 rgb(24,6,2)
```
#2a0a04
```
#2a0a04 rgb(42,10,4)
```
#3c0f05
```
#3c0f05 rgb(60,15,5)
```
#4e1307
```
#4e1307 rgb(78,19,7)
```
#601708
```
#601708 rgb(96,23,8)
```
#721c0a
```
#721c0a rgb(114,28,10)
```
#84200c
```
#84200c rgb(132,32,12)
```
#96250d
```
#96250d rgb(150,37,13)
```
#a8290f
```
#a8290f rgb(168,41,15)
```
#ba2e10
```
#ba2e10 rgb(186,46,16)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#de3614
```
#de3614 rgb(222,54,20)
```

Shade Color Variation

#eb3e1a
```
#eb3e1a rgb(235,62,26)
```
#ec4d2c
```
#ec4d2c rgb(236,77,44)
```
#ee5d3e
```
#ee5d3e rgb(238,93,62)
```
#f06c50
```
#f06c50 rgb(240,108,80)
```
#f17b63
```
#f17b63 rgb(241,123,99)
```
#f38a75
```
#f38a75 rgb(243,138,117)
```
#f49987
```
#f49987 rgb(244,153,135)
```
#f6a999
```
#f6a999 rgb(246,169,153)
```
#f8b8ab
```
#f8b8ab rgb(248,184,171)
```
#f9c7bd
```
#f9c7bd rgb(249,199,189)
```
#fbd6cf
```
#fbd6cf rgb(251,214,207)
```
#fce5e1
```
#fce5e1 rgb(252,229,225)
```
#fef5f3
```
#fef5f3 rgb(254,245,243)
```

Tint Color Variation

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

#776a67
```
#776a67 rgb(119,106,103)
```
#7f645f
```
#7f645f rgb(127,100,95)
```
#885f56
```
#885f56 rgb(136,95,86)
```
#90594e
```
#90594e rgb(144,89,78)
```
#995445
```
#995445 rgb(153,84,69)
```
#a14e3d
```
#a14e3d rgb(161,78,61)
```
#aa4834
```
#aa4834 rgb(170,72,52)
```
#b2432c
```
#b2432c rgb(178,67,44)
```
#bb3d23
```
#bb3d23 rgb(187,61,35)
```
#c3381b
```
#c3381b rgb(195,56,27)
```
#cc3212
```
#cc3212 rgb(204,50,18)
```
#d52c09
```
#d52c09 rgb(213,44,9)
```
#dd2701
```
#dd2701 rgb(221,39,1)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#72544d Atypical Achromatopsia 0.001% of the population

Dichromacy

#81742b Protanopia 1% of men
#916e00 Deuteranopia 1% of men
#cf393b Tritanopia 0.001% of the population

Trichromacy

#9c5c22 Protanomaly 1% of men, 0.01% of women
#a65806 Deuteranomaly 6% of men, 0.4% of women
#ce362c Tritanomaly 0.01% of the population

#cc3212 hex color

#cc3212 Color Information

#cc3212 Color Conversion

Color Schemes with #cc3212

Alternatives to #cc3212

#cc3212 Preview

Shades and Tints of #cc3212

Tones of #cc3212

Color Blindness Simulator