colorhexa.com

#cc3c2a hex color

In a RGB color space, hex #cc3c2a is composed of 80% red, 23.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 79.4% yellow and 20% black. It has a hue angle of 6.7 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc3c2a color hex could be obtained by blending #ff7854 with #990000. Closest websafe color is: #cc3333.

- R 80
- G 24
- B 16
RGB color chart
- C 0
- M 71
- Y 79
- K 20
CMYK color chart

● #cc3c2a color description : Strong red.

The hexadecimal color #cc3c2a has RGB values of R:204, G:60, B:42 and CMYK values of C:0, M:0.71, Y:0.79, K:0.2. Its decimal value is 13384746.

Hex triplet	cc3c2a	`#cc3c2a`
RGB Decimal	204, 60, 42	`rgb(204,60,42)`
RGB Percent	80, 23.5, 16.5	`rgb(80%,23.5%,16.5%)`
CMYK	0, 71, 79, 20
HSL	6.7°, 65.9, 48.2	`hsl(6.7,65.9%,48.2%)`
HSV (or HSB)	6.7°, 79.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.287, 55.639, 43.152
XYZ	26.937, 16.239, 3.907
xyY	0.572, 0.345, 16.239
CIE-LCH	47.287, 70.411, 37.796
CIE-LUV	47.287, 113.054, 30.422
Hunter-Lab	40.298, 48.795, 22.461
Binary	11001100, 00111100, 00101010

#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#2abacc
```
#2abacc rgb(42,186,204)
```

Complementary Color

#cc2a69
```
#cc2a69 rgb(204,42,105)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#cc8d2a
```
#cc8d2a rgb(204,141,42)
```

Analogous Color

#2a69cc
```
#2a69cc rgb(42,105,204)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#2acc8d
```
#2acc8d rgb(42,204,141)
```

Split Complementary Color

#3c2acc
```
#3c2acc rgb(60,42,204)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#2acc3c
```
#2acc3c rgb(42,204,60)
```

Triadic Color

#cc2aba
```
#cc2aba rgb(204,42,186)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#2acc3c
```
#2acc3c rgb(42,204,60)
```
#2abacc
```
#2abacc rgb(42,186,204)
```

Tetradic Color

#8d291d
```
#8d291d rgb(141,41,29)
```
#a23021
```
#a23021 rgb(162,48,33)
```
#b73626
```
#b73626 rgb(183,54,38)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#d64b39
```
#d64b39 rgb(214,75,57)
```
#db5e4e
```
#db5e4e rgb(219,94,78)
```
#df7164
```
#df7164 rgb(223,113,100)
```

Monochromatic Color

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

#cc2a41
```
#cc2a41 rgb(204,42,65)
```
#cc2a33
```
#cc2a33 rgb(204,42,51)
```
#cc2f2a
```
#cc2f2a rgb(204,47,42)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#cc4a2a
```
#cc4a2a rgb(204,74,42)
```
#cc572a
```
#cc572a rgb(204,87,42)
```
#cc652a
```
#cc652a rgb(204,101,42)
```

Similar Colors

Text with hexadecimal color #cc3c2a

This text has a font color of #cc3c2a.

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

#cc3c2a background color

This paragraph has a background color of #cc3c2a.

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

#cc3c2a border color

This element has a border color of #cc3c2a.

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

CSS codes

.text {color:#cc3c2a;}

.background {background-color:#cc3c2a;}

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

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

#090302
```
#090302 rgb(9,3,2)
```
#190705
```
#190705 rgb(25,7,5)
```
#290c09
```
#290c09 rgb(41,12,9)
```
#3a110c
```
#3a110c rgb(58,17,12)
```
#4a160f
```
#4a160f rgb(74,22,15)
```
#5a1b13
```
#5a1b13 rgb(90,27,19)
```
#6a1f16
```
#6a1f16 rgb(106,31,22)
```
#7b2419
```
#7b2419 rgb(123,36,25)
```
#8b291d
```
#8b291d rgb(139,41,29)
```
#9b2e20
```
#9b2e20 rgb(155,46,32)
```
#ab3223
```
#ab3223 rgb(171,50,35)
```
#bc3727
```
#bc3727 rgb(188,55,39)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```

Shade Color Variation

#d54634
```
#d54634 rgb(213,70,52)
```
#d95545
```
#d95545 rgb(217,85,69)
```
#dc6455
```
#dc6455 rgb(220,100,85)
```
#df7365
```
#df7365 rgb(223,115,101)
```
#e38275
```
#e38275 rgb(227,130,117)
```
#e69086
```
#e69086 rgb(230,144,134)
```
#e99f96
```
#e99f96 rgb(233,159,150)
```
#edaea6
```
#edaea6 rgb(237,174,166)
```
#f0bdb6
```
#f0bdb6 rgb(240,189,182)
```
#f3ccc7
```
#f3ccc7 rgb(243,204,199)
```
#f7dbd7
```
#f7dbd7 rgb(247,219,215)
```
#fae9e7
```
#fae9e7 rgb(250,233,231)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#807776
```
#807776 rgb(128,119,118)
```
#8a706c
```
#8a706c rgb(138,112,108)
```
#936863
```
#936863 rgb(147,104,99)
```
#9d6159
```
#9d6159 rgb(157,97,89)
```
#a65950
```
#a65950 rgb(166,89,80)
```
#b05246
```
#b05246 rgb(176,82,70)
```
#b94b3d
```
#b94b3d rgb(185,75,61)
```
#c34333
```
#c34333 rgb(195,67,51)
```
#cc3c2a
```
#cc3c2a rgb(204,60,42)
```
#d53521
```
#d53521 rgb(213,53,33)
```
#df2d17
```
#df2d17 rgb(223,45,23)
```
#e8260e
```
#e8260e rgb(232,38,14)
```
#f21f04
```
#f21f04 rgb(242,31,4)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7a5d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837742 Protanopia 1% of men
#947128 Deuteranopia 1% of men
#cf4346 Tritanopia 0.001% of the population

Trichromacy

#9d6139 Protanomaly 1% of men, 0.01% of women
#a85e29 Deuteranomaly 6% of men, 0.4% of women
#ce403c Tritanomaly 0.01% of the population