#cc522d hex color

In a RGB color space, hex #cc522d is composed of 80% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 77.9% yellow and 20% black. It has a hue angle of 14 degrees, a saturation of 63.9% and a lightness of 48.8%. #cc522d color hex could be obtained by blending #ffa45a with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 32
- B 18
RGB color chart
- C 0
- M 60
- Y 78
- K 20
CMYK color chart

● #cc522d color description : Strong red.

The hexadecimal color #cc522d has RGB values of R:204, G:82, B:45 and CMYK values of C:0, M:0.6, Y:0.78, K:0.2. Its decimal value is 13390381.

Hex triplet	cc522d	`#cc522d`
RGB Decimal	204, 82, 45	`rgb(204,82,45)`
RGB Percent	80, 32.2, 17.6	`rgb(80%,32.2%,17.6%)`
CMYK	0, 60, 78, 20
HSL	14°, 63.9, 48.8	`hsl(14,63.9%,48.8%)`
HSV (or HSB)	14°, 77.9, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.762, 46.476, 45.114
XYZ	28.394, 19.064, 4.667
xyY	0.545, 0.366, 19.064
CIE-LCH	50.762, 64.771, 44.148
CIE-LUV	50.762, 97.698, 35.765
Hunter-Lab	43.663, 39.669, 24.226
Binary	11001100, 01010010, 00101101

#cc522d
```
#cc522d rgb(204,82,45)
```
#2da7cc
```
#2da7cc rgb(45,167,204)
```

Complementary Color

#cc2d57
```
#cc2d57 rgb(204,45,87)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#cca22d
```
#cca22d rgb(204,162,45)
```

Analogous Color

#2d57cc
```
#2d57cc rgb(45,87,204)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#2dcca2
```
#2dcca2 rgb(45,204,162)
```

Split Complementary Color

#522dcc
```
#522dcc rgb(82,45,204)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#2dcc52
```
#2dcc52 rgb(45,204,82)
```

Triadic Color

#cc2da7
```
#cc2da7 rgb(204,45,167)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#2dcc52
```
#2dcc52 rgb(45,204,82)
```
#2da7cc
```
#2da7cc rgb(45,167,204)
```

Tetradic Color

#8d391f
```
#8d391f rgb(141,57,31)
```
#a24124
```
#a24124 rgb(162,65,36)
```
#b74a28
```
#b74a28 rgb(183,74,40)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#d4613e
```
#d4613e rgb(212,97,62)
```
#d97253
```
#d97253 rgb(217,114,83)
```
#de8368
```
#de8368 rgb(222,131,104)
```

Monochromatic Color

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

#cc2d30
```
#cc2d30 rgb(204,45,48)
```
#cc382d
```
#cc382d rgb(204,56,45)
```
#cc452d
```
#cc452d rgb(204,69,45)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#cc5f2d
```
#cc5f2d rgb(204,95,45)
```
#cc6d2d
```
#cc6d2d rgb(204,109,45)
```
#cc7a2d
```
#cc7a2d rgb(204,122,45)
```

Similar Colors

Text with hexadecimal color #cc522d

This text has a font color of #cc522d.

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

#cc522d background color

This paragraph has a background color of #cc522d.

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

#cc522d border color

This element has a border color of #cc522d.

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

CSS codes

.text {color:#cc522d;}

.background {background-color:#cc522d;}

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

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

#0b0402
```
#0b0402 rgb(11,4,2)
```
#1b0b06
```
#1b0b06 rgb(27,11,6)
```
#2b110a
```
#2b110a rgb(43,17,10)
```
#3b180d
```
#3b180d rgb(59,24,13)
```
#4b1e11
```
#4b1e11 rgb(75,30,17)
```
#5c2514
```
#5c2514 rgb(92,37,20)
```
#6c2b18
```
#6c2b18 rgb(108,43,24)
```
#7c321b
```
#7c321b rgb(124,50,27)
```
#8c381f
```
#8c381f rgb(140,56,31)
```
#9c3f22
```
#9c3f22 rgb(156,63,34)
```
#ac4526
```
#ac4526 rgb(172,69,38)
```
#bc4c29
```
#bc4c29 rgb(188,76,41)
```
#cc522d
```
#cc522d rgb(204,82,45)
```

Shade Color Variation

#d35d39
```
#d35d39 rgb(211,93,57)
```
#d76a49
```
#d76a49 rgb(215,106,73)
```
#da7759
```
#da7759 rgb(218,119,89)
```
#de8569
```
#de8569 rgb(222,133,105)
```
#e2927a
```
#e2927a rgb(226,146,122)
```
#e59f8a
```
#e59f8a rgb(229,159,138)
```
#e9ac9a
```
#e9ac9a rgb(233,172,154)
```
#ecb9aa
```
#ecb9aa rgb(236,185,170)
```
#f0c6ba
```
#f0c6ba rgb(240,198,186)
```
#f3d4ca
```
#f3d4ca rgb(243,212,202)
```
#f7e1da
```
#f7e1da rgb(247,225,218)
```
#faeeea
```
#faeeea rgb(250,238,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#7f7b7a
```
#7f7b7a rgb(127,123,122)
```
#897670
```
#897670 rgb(137,118,112)
```
#937166
```
#937166 rgb(147,113,102)
```
#9c6c5d
```
#9c6c5d rgb(156,108,93)
```
#a66653
```
#a66653 rgb(166,102,83)
```
#af614a
```
#af614a rgb(175,97,74)
```
#b95c40
```
#b95c40 rgb(185,92,64)
```
#c25737
```
#c25737 rgb(194,87,55)
```
#cc522d
```
#cc522d rgb(204,82,45)
```
#d64d23
```
#d64d23 rgb(214,77,35)
```
#df481a
```
#df481a rgb(223,72,26)
```
#e94310
```
#e94310 rgb(233,67,16)
```
#f23e07
```
#f23e07 rgb(242,62,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f42 Protanopia 1% of men
#9e792e Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a36f3a Protanomaly 1% of men, 0.01% of women
#ae6b2d Deuteranomaly 6% of men, 0.4% of women
#ce554a Tritanomaly 0.01% of the population

#cc522d hex color

#cc522d Color Information

#cc522d Color Conversion

Color Schemes with #cc522d

Alternatives to #cc522d

#cc522d Preview

Shades and Tints of #cc522d

Tones of #cc522d

Color Blindness Simulator