#cc5526 hex color

In a RGB color space, hex #cc5526 is composed of 80% red, 33.3% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 81.4% yellow and 20% black. It has a hue angle of 17 degrees, a saturation of 68.6% and a lightness of 47.5%. #cc5526 color hex could be obtained by blending #ffaa4c with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 33
- B 15
RGB color chart
- C 0
- M 58
- Y 81
- K 20
CMYK color chart

● #cc5526 color description : Strong orange.

The hexadecimal color #cc5526 has RGB values of R:204, G:85, B:38 and CMYK values of C:0, M:0.58, Y:0.81, K:0.2. Its decimal value is 13391142.

Hex triplet	cc5526	`#cc5526`
RGB Decimal	204, 85, 38	`rgb(204,85,38)`
RGB Percent	80, 33.3, 14.9	`rgb(80%,33.3%,14.9%)`
CMYK	0, 58, 81, 20
HSL	17°, 68.6, 47.5	`hsl(17,68.6%,47.5%)`
HSV (or HSB)	17°, 81.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.241, 44.835, 48.939
XYZ	28.501, 19.477, 4.092
xyY	0.547, 0.374, 19.477
CIE-LCH	51.241, 66.372, 47.506
CIE-LUV	51.241, 96.312, 38.753
Hunter-Lab	44.133, 38.043, 25.395
Binary	11001100, 01010101, 00100110

#cc5526
```
#cc5526 rgb(204,85,38)
```
#269dcc
```
#269dcc rgb(38,157,204)
```

Complementary Color

#cc264a
```
#cc264a rgb(204,38,74)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#cca826
```
#cca826 rgb(204,168,38)
```

Analogous Color

#264acc
```
#264acc rgb(38,74,204)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#26cca8
```
#26cca8 rgb(38,204,168)
```

Split Complementary Color

#5526cc
```
#5526cc rgb(85,38,204)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#26cc55
```
#26cc55 rgb(38,204,85)
```

Triadic Color

#cc269d
```
#cc269d rgb(204,38,157)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#26cc55
```
#26cc55 rgb(38,204,85)
```
#269dcc
```
#269dcc rgb(38,157,204)
```

Tetradic Color

#8c3a1a
```
#8c3a1a rgb(140,58,26)
```
#a1431e
```
#a1431e rgb(161,67,30)
```
#b74c22
```
#b74c22 rgb(183,76,34)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#d96233
```
#d96233 rgb(217,98,51)
```
#dd7248
```
#dd7248 rgb(221,114,72)
```
#e1835e
```
#e1835e rgb(225,131,94)
```

Monochromatic Color

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

#cc2b26
```
#cc2b26 rgb(204,43,38)
```
#cc3926
```
#cc3926 rgb(204,57,38)
```
#cc4726
```
#cc4726 rgb(204,71,38)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#cc6326
```
#cc6326 rgb(204,99,38)
```
#cc7126
```
#cc7126 rgb(204,113,38)
```
#cc7f26
```
#cc7f26 rgb(204,127,38)
```

Similar Colors

Text with hexadecimal color #cc5526

This text has a font color of #cc5526.

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

#cc5526 background color

This paragraph has a background color of #cc5526.

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

#cc5526 border color

This element has a border color of #cc5526.

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

CSS codes

.text {color:#cc5526;}

.background {background-color:#cc5526;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#160904
```
#160904 rgb(22,9,4)
```
#271007
```
#271007 rgb(39,16,7)
```
#37170a
```
#37170a rgb(55,23,10)
```
#481e0d
```
#481e0d rgb(72,30,13)
```
#582510
```
#582510 rgb(88,37,16)
```
#692c14
```
#692c14 rgb(105,44,20)
```
#793317
```
#793317 rgb(121,51,23)
```
#8a391a
```
#8a391a rgb(138,57,26)
```
#9a401d
```
#9a401d rgb(154,64,29)
```
#ab4720
```
#ab4720 rgb(171,71,32)
```
#bb4e23
```
#bb4e23 rgb(187,78,35)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```

Shade Color Variation

#d85e2e
```
#d85e2e rgb(216,94,46)
```
#db6b3e
```
#db6b3e rgb(219,107,62)
```
#de774f
```
#de774f rgb(222,119,79)
```
#e1845f
```
#e1845f rgb(225,132,95)
```
#e49170
```
#e49170 rgb(228,145,112)
```
#e79d80
```
#e79d80 rgb(231,157,128)
```
#eaaa91
```
#eaaa91 rgb(234,170,145)
```
#eeb7a1
```
#eeb7a1 rgb(238,183,161)
```
#f1c4b2
```
#f1c4b2 rgb(241,196,178)
```
#f4d0c2
```
#f4d0c2 rgb(244,208,194)
```
#f7ddd3
```
#f7ddd3 rgb(247,221,211)
```
#faeae4
```
#faeae4 rgb(250,234,228)
```
#fdf7f4
```
#fdf7f4 rgb(253,247,244)
```

Tint Color Variation

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

#827570
```
#827570 rgb(130,117,112)
```
#8b7167
```
#8b7167 rgb(139,113,103)
```
#946d5e
```
#946d5e rgb(148,109,94)
```
#9d6955
```
#9d6955 rgb(157,105,85)
```
#a7654b
```
#a7654b rgb(167,101,75)
```
#b06142
```
#b06142 rgb(176,97,66)
```
#b95d39
```
#b95d39 rgb(185,93,57)
```
#c3592f
```
#c3592f rgb(195,89,47)
```
#cc5526
```
#cc5526 rgb(204,85,38)
```
#d5511d
```
#d5511d rgb(213,81,29)
```
#df4d13
```
#df4d13 rgb(223,77,19)
```
#e8490a
```
#e8490a rgb(232,73,10)
```
#f14501
```
#f14501 rgb(241,69,1)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#856d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e813a Protanopia 1% of men
#a07a26 Deuteranopia 1% of men
#d0585e Tritanopia 0.001% of the population

Trichromacy

#a57133 Protanomaly 1% of men, 0.01% of women
#b06d26 Deuteranomaly 6% of men, 0.4% of women
#ce5749 Tritanomaly 0.01% of the population

#cc5526 hex color

#cc5526 Color Information

#cc5526 Color Conversion

Color Schemes with #cc5526

Alternatives to #cc5526

#cc5526 Preview

Shades and Tints of #cc5526

Tones of #cc5526

Color Blindness Simulator