#cc4520 hex color

In a RGB color space, hex #cc4520 is composed of 80% red, 27.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 84.3% yellow and 20% black. It has a hue angle of 12.9 degrees, a saturation of 72.9% and a lightness of 46.3%. #cc4520 color hex could be obtained by blending #ff8a40 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 27
- B 13
RGB color chart
- C 0
- M 66
- Y 84
- K 20
CMYK color chart

● #cc4520 color description : Strong red.

The hexadecimal color #cc4520 has RGB values of R:204, G:69, B:32 and CMYK values of C:0, M:0.66, Y:0.84, K:0.2. Its decimal value is 13387040.

Hex triplet	cc4520	`#cc4520`
RGB Decimal	204, 69, 32	`rgb(204,69,32)`
RGB Percent	80, 27.1, 12.5	`rgb(80%,27.1%,12.5%)`
CMYK	0, 66, 84, 20
HSL	12.9°, 72.9, 46.3	`hsl(12.9,72.9%,46.3%)`
HSV (or HSB)	12.9°, 84.3, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.512, 51.794, 49.192
XYZ	27.292, 17.201, 3.249
xyY	0.572, 0.36, 17.201
CIE-LCH	48.512, 71.431, 43.524
CIE-LUV	48.512, 108.569, 35.532
Hunter-Lab	41.474, 44.882, 24.387
Binary	11001100, 01000101, 00100000

#cc4520
```
#cc4520 rgb(204,69,32)
```
#20a7cc
```
#20a7cc rgb(32,167,204)
```

Complementary Color

#cc2051
```
#cc2051 rgb(204,32,81)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#cc9b20
```
#cc9b20 rgb(204,155,32)
```

Analogous Color

#2051cc
```
#2051cc rgb(32,81,204)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#20cc9b
```
#20cc9b rgb(32,204,155)
```

Split Complementary Color

#4520cc
```
#4520cc rgb(69,32,204)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#20cc45
```
#20cc45 rgb(32,204,69)
```

Triadic Color

#cc20a7
```
#cc20a7 rgb(204,32,167)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#20cc45
```
#20cc45 rgb(32,204,69)
```
#20a7cc
```
#20a7cc rgb(32,167,204)
```

Tetradic Color

#8a2f16
```
#8a2f16 rgb(138,47,22)
```
#a03619
```
#a03619 rgb(160,54,25)
```
#b63e1d
```
#b63e1d rgb(182,62,29)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#dd4f28
```
#dd4f28 rgb(221,79,40)
```
#e1613e
```
#e1613e rgb(225,97,62)
```
#e47354
```
#e47354 rgb(228,115,84)
```

Monochromatic Color

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

#cc2026
```
#cc2026 rgb(204,32,38)
```
#cc2820
```
#cc2820 rgb(204,40,32)
```
#cc3720
```
#cc3720 rgb(204,55,32)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#cc5320
```
#cc5320 rgb(204,83,32)
```
#cc6220
```
#cc6220 rgb(204,98,32)
```
#cc7020
```
#cc7020 rgb(204,112,32)
```

Similar Colors

Text with hexadecimal color #cc4520

This text has a font color of #cc4520.

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

#cc4520 background color

This paragraph has a background color of #cc4520.

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

#cc4520 border color

This element has a border color of #cc4520.

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

CSS codes

.text {color:#cc4520;}

.background {background-color:#cc4520;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110603
```
#110603 rgb(17,6,3)
```
#220c05
```
#220c05 rgb(34,12,5)
```
#331108
```
#331108 rgb(51,17,8)
```
#44170b
```
#44170b rgb(68,23,11)
```
#551d0d
```
#551d0d rgb(85,29,13)
```
#662310
```
#662310 rgb(102,35,16)
```
#772813
```
#772813 rgb(119,40,19)
```
#882e15
```
#882e15 rgb(136,46,21)
```
#993418
```
#993418 rgb(153,52,24)
```
#aa3a1b
```
#aa3a1b rgb(170,58,27)
```
#bb3f1d
```
#bb3f1d rgb(187,63,29)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```

Shade Color Variation

#dd4b23
```
#dd4b23 rgb(221,75,35)
```
#df5934
```
#df5934 rgb(223,89,52)
```
#e26745
```
#e26745 rgb(226,103,69)
```
#e47556
```
#e47556 rgb(228,117,86)
```
#e78367
```
#e78367 rgb(231,131,103)
```
#ea9078
```
#ea9078 rgb(234,144,120)
```
#ec9e89
```
#ec9e89 rgb(236,158,137)
```
#efac9a
```
#efac9a rgb(239,172,154)
```
#f2baab
```
#f2baab rgb(242,186,171)
```
#f4c8bc
```
#f4c8bc rgb(244,200,188)
```
#f7d6cd
```
#f7d6cd rgb(247,214,205)
```
#fae4de
```
#fae4de rgb(250,228,222)
```
#fcf2ef
```
#fcf2ef rgb(252,242,239)
```

Tint Color Variation

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

#7a7472
```
#7a7472 rgb(122,116,114)
```
#836e69
```
#836e69 rgb(131,110,105)
```
#8c6960
```
#8c6960 rgb(140,105,96)
```
#966456
```
#966456 rgb(150,100,86)
```
#9f5f4d
```
#9f5f4d rgb(159,95,77)
```
#a85a44
```
#a85a44 rgb(168,90,68)
```
#b1553b
```
#b1553b rgb(177,85,59)
```
#ba4f32
```
#ba4f32 rgb(186,79,50)
```
#c34a29
```
#c34a29 rgb(195,74,41)
```
#cc4520
```
#cc4520 rgb(204,69,32)
```
#d54017
```
#d54017 rgb(213,64,23)
```
#de3b0e
```
#de3b0e rgb(222,59,14)
```
#e73505
```
#e73505 rgb(231,53,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a36 Protanopia 1% of men
#98741c Deuteranopia 1% of men
#cf4a4e Tritanopia 0.001% of the population

Trichromacy

#a0672e Protanomaly 1% of men, 0.01% of women
#ab631d Deuteranomaly 6% of men, 0.4% of women
#ce483d Tritanomaly 0.01% of the population

#cc4520 hex color

#cc4520 Color Information

#cc4520 Color Conversion

Color Schemes with #cc4520

Alternatives to #cc4520

#cc4520 Preview

Shades and Tints of #cc4520

Tones of #cc4520

Color Blindness Simulator