#cc331e hex color

In a RGB color space, hex #cc331e is composed of 80% red, 20% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 85.3% yellow and 20% black. It has a hue angle of 7.2 degrees, a saturation of 74.4% and a lightness of 45.9%. #cc331e color hex could be obtained by blending #ff663c with #990000. Closest websafe color is: #cc3333.

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

● #cc331e color description : Strong red.

The hexadecimal color #cc331e has RGB values of R:204, G:51, B:30 and CMYK values of C:0, M:0.75, Y:0.85, K:0.2. Its decimal value is 13382430.

Hex triplet	cc331e	`#cc331e`
RGB Decimal	204, 51, 30	`rgb(204,51,30)`
RGB Percent	80, 20, 11.8	`rgb(80%,20%,11.8%)`
CMYK	0, 75, 85, 20
HSL	7.2°, 74.4, 45.9	`hsl(7.2,74.4%,45.9%)`
HSV (or HSB)	7.2°, 85.3, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.045, 58.471, 47.97
XYZ	26.321, 15.302, 2.796
xyY	0.593, 0.344, 15.302
CIE-LCH	46.045, 75.631, 39.366
CIE-LUV	46.045, 120.081, 31.636
Hunter-Lab	39.118, 51.652, 23.145
Binary	11001100, 00110011, 00011110

#cc331e
```
#cc331e rgb(204,51,30)
```
#1eb7cc
```
#1eb7cc rgb(30,183,204)
```

Complementary Color

#cc1e60
```
#cc1e60 rgb(204,30,96)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#cc8a1e
```
#cc8a1e rgb(204,138,30)
```

Analogous Color

#1e60cc
```
#1e60cc rgb(30,96,204)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#1ecc8a
```
#1ecc8a rgb(30,204,138)
```

Split Complementary Color

#331ecc
```
#331ecc rgb(51,30,204)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#1ecc33
```
#1ecc33 rgb(30,204,51)
```

Triadic Color

#cc1eb7
```
#cc1eb7 rgb(204,30,183)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#1ecc33
```
#1ecc33 rgb(30,204,51)
```
#1eb7cc
```
#1eb7cc rgb(30,183,204)
```

Tetradic Color

#892214
```
#892214 rgb(137,34,20)
```
#a02817
```
#a02817 rgb(160,40,23)
```
#b62d1b
```
#b62d1b rgb(182,45,27)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#df3b25
```
#df3b25 rgb(223,59,37)
```
#e24f3b
```
#e24f3b rgb(226,79,59)
```
#e56351
```
#e56351 rgb(229,99,81)
```

Monochromatic Color

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

#cc1e35
```
#cc1e35 rgb(204,30,53)
```
#cc1e26
```
#cc1e26 rgb(204,30,38)
```
#cc251e
```
#cc251e rgb(204,37,30)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#cc411e
```
#cc411e rgb(204,65,30)
```
#cc501e
```
#cc501e rgb(204,80,30)
```
#cc5e1e
```
#cc5e1e rgb(204,94,30)
```

Similar Colors

Text with hexadecimal color #cc331e

This text has a font color of #cc331e.

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

#cc331e background color

This paragraph has a background color of #cc331e.

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

#cc331e border color

This element has a border color of #cc331e.

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

CSS codes

.text {color:#cc331e;}

.background {background-color:#cc331e;}

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

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

#100402
```
#100402 rgb(16,4,2)
```
#210805
```
#210805 rgb(33,8,5)
```
#320d07
```
#320d07 rgb(50,13,7)
```
#43110a
```
#43110a rgb(67,17,10)
```
#54150c
```
#54150c rgb(84,21,12)
```
#65190f
```
#65190f rgb(101,25,15)
```
#761e11
```
#761e11 rgb(118,30,17)
```
#882214
```
#882214 rgb(136,34,20)
```
#992616
```
#992616 rgb(153,38,22)
```
#aa2a19
```
#aa2a19 rgb(170,42,25)
```
#bb2f1b
```
#bb2f1b rgb(187,47,27)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#dd3721
```
#dd3721 rgb(221,55,33)
```

Shade Color Variation

#e14631
```
#e14631 rgb(225,70,49)
```
#e35542
```
#e35542 rgb(227,85,66)
```
#e66553
```
#e66553 rgb(230,101,83)
```
#e87464
```
#e87464 rgb(232,116,100)
```
#eb8375
```
#eb8375 rgb(235,131,117)
```
#ed9386
```
#ed9386 rgb(237,147,134)
```
#f0a297
```
#f0a297 rgb(240,162,151)
```
#f2b1a8
```
#f2b1a8 rgb(242,177,168)
```
#f5c1b9
```
#f5c1b9 rgb(245,193,185)
```
#f7d0ca
```
#f7d0ca rgb(247,208,202)
```
#fadfdc
```
#fadfdc rgb(250,223,220)
```
#fcefed
```
#fcefed rgb(252,239,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7b706f
```
#7b706f rgb(123,112,111)
```
#846a66
```
#846a66 rgb(132,106,102)
```
#8d635d
```
#8d635d rgb(141,99,93)
```
#965c54
```
#965c54 rgb(150,92,84)
```
#9f554b
```
#9f554b rgb(159,85,75)
```
#a84e42
```
#a84e42 rgb(168,78,66)
```
#b14739
```
#b14739 rgb(177,71,57)
```
#ba4130
```
#ba4130 rgb(186,65,48)
```
#c33a27
```
#c33a27 rgb(195,58,39)
```
#cc331e
```
#cc331e rgb(204,51,30)
```
#d52c15
```
#d52c15 rgb(213,44,21)
```
#de250c
```
#de250c rgb(222,37,12)
```
#e71f03
```
#e71f03 rgb(231,31,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807437 Protanopia 1% of men
#916f17 Deuteranopia 1% of men
#cf3b3d Tritanopia 0.001% of the population

Trichromacy

#9c5c2e Protanomaly 1% of men, 0.01% of women
#a65919 Deuteranomaly 6% of men, 0.4% of women
#ce3831 Tritanomaly 0.01% of the population

#cc331e hex color

#cc331e Color Information

#cc331e Color Conversion

Color Schemes with #cc331e

Alternatives to #cc331e

#cc331e Preview

Shades and Tints of #cc331e

Tones of #cc331e

Color Blindness Simulator