#cc3a2f hex color

In a RGB color space, hex #cc3a2f is composed of 80% red, 22.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.6% magenta, 77% yellow and 20% black. It has a hue angle of 4.2 degrees, a saturation of 62.5% and a lightness of 49.2%. #cc3a2f color hex could be obtained by blending #ff745e with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 23
- B 18
RGB color chart
- C 0
- M 72
- Y 77
- K 20
CMYK color chart

● #cc3a2f color description : Strong red.

The hexadecimal color #cc3a2f has RGB values of R:204, G:58, B:47 and CMYK values of C:0, M:0.72, Y:0.77, K:0.2. Its decimal value is 13384239.

Hex triplet	cc3a2f	`#cc3a2f`
RGB Decimal	204, 58, 47	`rgb(204,58,47)`
RGB Percent	80, 22.7, 18.4	`rgb(80%,22.7%,18.4%)`
CMYK	0, 72, 77, 20
HSL	4.2°, 62.5, 49.2	`hsl(4.2,62.5%,49.2%)`
HSV (or HSB)	4.2°, 77, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.069, 56.549, 40.245
XYZ	26.929, 16.072, 4.373
xyY	0.568, 0.339, 16.072
CIE-LCH	47.069, 69.408, 35.439
CIE-LUV	47.069, 113.396, 28.262
Hunter-Lab	40.09, 49.746, 21.595
Binary	11001100, 00111010, 00101111

#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#2fc1cc
```
#2fc1cc rgb(47,193,204)
```

Complementary Color

#cc2f73
```
#cc2f73 rgb(204,47,115)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#cc892f
```
#cc892f rgb(204,137,47)
```

Analogous Color

#2f73cc
```
#2f73cc rgb(47,115,204)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#2fcc89
```
#2fcc89 rgb(47,204,137)
```

Split Complementary Color

#3a2fcc
```
#3a2fcc rgb(58,47,204)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#2fcc3a
```
#2fcc3a rgb(47,204,58)
```

Triadic Color

#cc2fc1
```
#cc2fc1 rgb(204,47,193)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#2fcc3a
```
#2fcc3a rgb(47,204,58)
```
#2fc1cc
```
#2fc1cc rgb(47,193,204)
```

Tetradic Color

#8e2821
```
#8e2821 rgb(142,40,33)
```
#a32e25
```
#a32e25 rgb(163,46,37)
```
#b7342a
```
#b7342a rgb(183,52,42)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#d34b41
```
#d34b41 rgb(211,75,65)
```
#d85f56
```
#d85f56 rgb(216,95,86)
```
#dd736b
```
#dd736b rgb(221,115,107)
```

Monochromatic Color

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

#cc2f4b
```
#cc2f4b rgb(204,47,75)
```
#cc2f3e
```
#cc2f3e rgb(204,47,62)
```
#cc2f31
```
#cc2f31 rgb(204,47,49)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#cc472f
```
#cc472f rgb(204,71,47)
```
#cc542f
```
#cc542f rgb(204,84,47)
```
#cc612f
```
#cc612f rgb(204,97,47)
```

Similar Colors

Text with hexadecimal color #cc3a2f

This text has a font color of #cc3a2f.

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

#cc3a2f background color

This paragraph has a background color of #cc3a2f.

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

#cc3a2f border color

This element has a border color of #cc3a2f.

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

CSS codes

.text {color:#cc3a2f;}

.background {background-color:#cc3a2f;}

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

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, #0d0403 is the darkest color, while #fefcfc is the lightest one.

#0d0403
```
#0d0403 rgb(13,4,3)
```
#1d0807
```
#1d0807 rgb(29,8,7)
```
#2d0d0a
```
#2d0d0a rgb(45,13,10)
```
#3d110e
```
#3d110e rgb(61,17,14)
```
#4c1612
```
#4c1612 rgb(76,22,18)
```
#5c1a15
```
#5c1a15 rgb(92,26,21)
```
#6c1f19
```
#6c1f19 rgb(108,31,25)
```
#7c231d
```
#7c231d rgb(124,35,29)
```
#8c2820
```
#8c2820 rgb(140,40,32)
```
#9c2c24
```
#9c2c24 rgb(156,44,36)
```
#ac3128
```
#ac3128 rgb(172,49,40)
```
#bc352b
```
#bc352b rgb(188,53,43)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```

Shade Color Variation

#d2473c
```
#d2473c rgb(210,71,60)
```
#d6564c
```
#d6564c rgb(214,86,76)
```
#da655c
```
#da655c rgb(218,101,92)
```
#dd746c
```
#dd746c rgb(221,116,108)
```
#e1837c
```
#e1837c rgb(225,131,124)
```
#e5928c
```
#e5928c rgb(229,146,140)
```
#e8a19c
```
#e8a19c rgb(232,161,156)
```
#ecb1ac
```
#ecb1ac rgb(236,177,172)
```
#f0c0bc
```
#f0c0bc rgb(240,192,188)
```
#f3cfcc
```
#f3cfcc rgb(243,207,204)
```
#f7dedc
```
#f7dedc rgb(247,222,220)
```
#fbedec
```
#fbedec rgb(251,237,236)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7f7c7c
```
#7f7c7c rgb(127,124,124)
```
#887473
```
#887473 rgb(136,116,115)
```
#926c69
```
#926c69 rgb(146,108,105)
```
#9c645f
```
#9c645f rgb(156,100,95)
```
#a55b56
```
#a55b56 rgb(165,91,86)
```
#af534c
```
#af534c rgb(175,83,76)
```
#b94b42
```
#b94b42 rgb(185,75,66)
```
#c24239
```
#c24239 rgb(194,66,57)
```
#cc3a2f
```
#cc3a2f rgb(204,58,47)
```
#d63225
```
#d63225 rgb(214,50,37)
```
#df291c
```
#df291c rgb(223,41,28)
```
#e92112
```
#e92112 rgb(233,33,18)
```
#f31908
```
#f31908 rgb(243,25,8)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#795c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817748 Protanopia 1% of men
#93712e Deuteranopia 1% of men
#cf4245 Tritanopia 0.001% of the population

Trichromacy

#9c603f Protanomaly 1% of men, 0.01% of women
#a75d2e Deuteranomaly 6% of men, 0.4% of women
#cd3f3d Tritanomaly 0.01% of the population

#cc3a2f hex color

#cc3a2f Color Information

#cc3a2f Color Conversion

Color Schemes with #cc3a2f

Alternatives to #cc3a2f

#cc3a2f Preview

Shades and Tints of #cc3a2f

Tones of #cc3a2f

Color Blindness Simulator