#cc522b hex color

In a RGB color space, hex #cc522b is composed of 80% red, 32.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 78.9% yellow and 20% black. It has a hue angle of 14.5 degrees, a saturation of 65.2% and a lightness of 48.4%. #cc522b color hex could be obtained by blending #ffa456 with #990000. Closest websafe color is: #cc6633.

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

● #cc522b color description : Strong red.

The hexadecimal color #cc522b has RGB values of R:204, G:82, B:43 and CMYK values of C:0, M:0.6, Y:0.79, K:0.2. Its decimal value is 13390379.

Hex triplet	cc522b	`#cc522b`
RGB Decimal	204, 82, 43	`rgb(204,82,43)`
RGB Percent	80, 32.2, 16.9	`rgb(80%,32.2%,16.9%)`
CMYK	0, 60, 79, 20
HSL	14.5°, 65.2, 48.4	`hsl(14.5,65.2%,48.4%)`
HSV (or HSB)	14.5°, 78.9, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.745, 46.405, 46.088
XYZ	28.356, 19.049, 4.469
xyY	0.547, 0.367, 19.049
CIE-LCH	50.745, 65.402, 44.804
CIE-LUV	50.745, 97.958, 36.382
Hunter-Lab	43.646, 39.591, 24.481
Binary	11001100, 01010010, 00101011

#cc522b
```
#cc522b rgb(204,82,43)
```
#2ba5cc
```
#2ba5cc rgb(43,165,204)
```

Complementary Color

#cc2b54
```
#cc2b54 rgb(204,43,84)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#cca32b
```
#cca32b rgb(204,163,43)
```

Analogous Color

#2b54cc
```
#2b54cc rgb(43,84,204)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#2bcca3
```
#2bcca3 rgb(43,204,163)
```

Split Complementary Color

#522bcc
```
#522bcc rgb(82,43,204)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#2bcc52
```
#2bcc52 rgb(43,204,82)
```

Triadic Color

#cc2ba5
```
#cc2ba5 rgb(204,43,165)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#2bcc52
```
#2bcc52 rgb(43,204,82)
```
#2ba5cc
```
#2ba5cc rgb(43,165,204)
```

Tetradic Color

#8d391e
```
#8d391e rgb(141,57,30)
```
#a24122
```
#a24122 rgb(162,65,34)
```
#b74a27
```
#b74a27 rgb(183,74,39)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#d6603b
```
#d6603b rgb(214,96,59)
```
#da7150
```
#da7150 rgb(218,113,80)
```
#df8265
```
#df8265 rgb(223,130,101)
```

Monochromatic Color

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

#cc2b2c
```
#cc2b2c rgb(204,43,44)
```
#cc372b
```
#cc372b rgb(204,55,43)
```
#cc452b
```
#cc452b rgb(204,69,43)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#cc5f2b
```
#cc5f2b rgb(204,95,43)
```
#cc6d2b
```
#cc6d2b rgb(204,109,43)
```
#cc7a2b
```
#cc7a2b rgb(204,122,43)
```

Similar Colors

Text with hexadecimal color #cc522b

This text has a font color of #cc522b.

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

#cc522b background color

This paragraph has a background color of #cc522b.

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

#cc522b border color

This element has a border color of #cc522b.

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

CSS codes

.text {color:#cc522b;}

.background {background-color:#cc522b;}

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

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

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1a0a05
```
#1a0a05 rgb(26,10,5)
```
#2a1109
```
#2a1109 rgb(42,17,9)
```
#3a170c
```
#3a170c rgb(58,23,12)
```
#4a1e10
```
#4a1e10 rgb(74,30,16)
```
#5b2413
```
#5b2413 rgb(91,36,19)
```
#6b2b17
```
#6b2b17 rgb(107,43,23)
```
#7b311a
```
#7b311a rgb(123,49,26)
```
#8b381d
```
#8b381d rgb(139,56,29)
```
#9b3e21
```
#9b3e21 rgb(155,62,33)
```
#ac4524
```
#ac4524 rgb(172,69,36)
```
#bc4b28
```
#bc4b28 rgb(188,75,40)
```
#cc522b
```
#cc522b rgb(204,82,43)
```

Shade Color Variation

#d55c36
```
#d55c36 rgb(213,92,54)
```
#d86a46
```
#d86a46 rgb(216,106,70)
```
#db7756
```
#db7756 rgb(219,119,86)
```
#df8467
```
#df8467 rgb(223,132,103)
```
#e29177
```
#e29177 rgb(226,145,119)
```
#e69e87
```
#e69e87 rgb(230,158,135)
```
#e9ab97
```
#e9ab97 rgb(233,171,151)
```
#edb8a7
```
#edb8a7 rgb(237,184,167)
```
#f0c5b8
```
#f0c5b8 rgb(240,197,184)
```
#f3d2c8
```
#f3d2c8 rgb(243,210,200)
```
#f7dfd8
```
#f7dfd8 rgb(247,223,216)
```
#faede8
```
#faede8 rgb(250,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#807977
```
#807977 rgb(128,121,119)
```
#8a746e
```
#8a746e rgb(138,116,110)
```
#936f64
```
#936f64 rgb(147,111,100)
```
#9d6a5b
```
#9d6a5b rgb(157,106,91)
```
#a66651
```
#a66651 rgb(166,102,81)
```
#b06148
```
#b06148 rgb(176,97,72)
```
#b95c3e
```
#b95c3e rgb(185,92,62)
```
#c35735
```
#c35735 rgb(195,87,53)
```
#cc522b
```
#cc522b rgb(204,82,43)
```
#d64d22
```
#d64d22 rgb(214,77,34)
```
#df4818
```
#df4818 rgb(223,72,24)
```
#e9430f
```
#e9430f rgb(233,67,15)
```
#f23e05
```
#f23e05 rgb(242,62,5)
```

Tone Color Variation

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

#8c7f40 Protanopia 1% of men
#9e792c Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a36f38 Protanomaly 1% of men, 0.01% of women
#af6b2b Deuteranomaly 6% of men, 0.4% of women
#ce5449 Tritanomaly 0.01% of the population

#cc522b hex color

#cc522b Color Information

#cc522b Color Conversion

Color Schemes with #cc522b

Alternatives to #cc522b

#cc522b Preview

Shades and Tints of #cc522b

Tones of #cc522b

Color Blindness Simulator