#cc5511 hex color

In a RGB color space, hex #cc5511 is composed of 80% red, 33.3% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 91.7% yellow and 20% black. It has a hue angle of 21.8 degrees, a saturation of 84.6% and a lightness of 43.3%. #cc5511 color hex could be obtained by blending #ffaa22 with #990000. Closest websafe color is: #cc6600.

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

● #cc5511 color description : Strong orange.

The hexadecimal color #cc5511 has RGB values of R:204, G:85, B:17 and CMYK values of C:0, M:0.58, Y:0.92, K:0.2. Its decimal value is 13391121.

Hex triplet	cc5511	`#cc5511`
RGB Decimal	204, 85, 17	`rgb(204,85,17)`
RGB Percent	80, 33.3, 6.7	`rgb(80%,33.3%,6.7%)`
CMYK	0, 58, 92, 20
HSL	21.8°, 84.6, 43.3	`hsl(21.8,84.6%,43.3%)`
HSV (or HSB)	21.8°, 91.7, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.126, 44.353, 56.823
XYZ	28.253, 19.378, 2.783
xyY	0.56, 0.384, 19.378
CIE-LCH	51.126, 72.083, 52.026
CIE-LUV	51.126, 98.019, 42.91
Hunter-Lab	44.02, 37.528, 27.066
Binary	11001100, 01010101, 00010001

#cc5511
```
#cc5511 rgb(204,85,17)
```
#1188cc
```
#1188cc rgb(17,136,204)
```

Complementary Color

#cc112b
```
#cc112b rgb(204,17,43)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#ccb311
```
#ccb311 rgb(204,179,17)
```

Analogous Color

#112bcc
```
#112bcc rgb(17,43,204)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#11ccb3
```
#11ccb3 rgb(17,204,179)
```

Split Complementary Color

#5511cc
```
#5511cc rgb(85,17,204)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#11cc55
```
#11cc55 rgb(17,204,85)
```

Triadic Color

#cc1188
```
#cc1188 rgb(204,17,136)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#11cc55
```
#11cc55 rgb(17,204,85)
```
#1188cc
```
#1188cc rgb(17,136,204)
```

Tetradic Color

#85380b
```
#85380b rgb(133,56,11)
```
#9d410d
```
#9d410d rgb(157,65,13)
```
#b44b0f
```
#b44b0f rgb(180,75,15)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#e45f13
```
#e45f13 rgb(228,95,19)
```
#ed6d23
```
#ed6d23 rgb(237,109,35)
```
#ef7c3b
```
#ef7c3b rgb(239,124,59)
```

Monochromatic Color

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

#cc2611
```
#cc2611 rgb(204,38,17)
```
#cc3611
```
#cc3611 rgb(204,54,17)
```
#cc4511
```
#cc4511 rgb(204,69,17)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#cc6511
```
#cc6511 rgb(204,101,17)
```
#cc7411
```
#cc7411 rgb(204,116,17)
```
#cc8411
```
#cc8411 rgb(204,132,17)
```

Similar Colors

Text with hexadecimal color #cc5511

This text has a font color of #cc5511.

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

#cc5511 background color

This paragraph has a background color of #cc5511.

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

#cc5511 border color

This element has a border color of #cc5511.

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

CSS codes

.text {color:#cc5511;}

.background {background-color:#cc5511;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#170a02
```
#170a02 rgb(23,10,2)
```
#291103
```
#291103 rgb(41,17,3)
```
#3b1905
```
#3b1905 rgb(59,25,5)
```
#4d2006
```
#4d2006 rgb(77,32,6)
```
#5f2808
```
#5f2808 rgb(95,40,8)
```
#712f09
```
#712f09 rgb(113,47,9)
```
#84370b
```
#84370b rgb(132,55,11)
```
#963e0c
```
#963e0c rgb(150,62,12)
```
#a8460e
```
#a8460e rgb(168,70,14)
```
#ba4d0f
```
#ba4d0f rgb(186,77,15)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#de5d13
```
#de5d13 rgb(222,93,19)
```

Shade Color Variation

#ec6518
```
#ec6518 rgb(236,101,24)
```
#ed712b
```
#ed712b rgb(237,113,43)
```
#ef7d3d
```
#ef7d3d rgb(239,125,61)
```
#f08a4f
```
#f08a4f rgb(240,138,79)
```
#f29661
```
#f29661 rgb(242,150,97)
```
#f3a273
```
#f3a273 rgb(243,162,115)
```
#f5ae85
```
#f5ae85 rgb(245,174,133)
```
#f6ba97
```
#f6ba97 rgb(246,186,151)
```
#f8c6a9
```
#f8c6a9 rgb(248,198,169)
```
#f9d2bb
```
#f9d2bb rgb(249,210,187)
```
#fbdece
```
#fbdece rgb(251,222,206)
```
#fceae0
```
#fceae0 rgb(252,234,224)
```
#fef6f2
```
#fef6f2 rgb(254,246,242)
```

Tint Color Variation

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

#776c66
```
#776c66 rgb(119,108,102)
```
#806a5e
```
#806a5e rgb(128,106,94)
```
#886855
```
#886855 rgb(136,104,85)
```
#91654d
```
#91654d rgb(145,101,77)
```
#996344
```
#996344 rgb(153,99,68)
```
#a2613c
```
#a2613c rgb(162,97,60)
```
#aa5e33
```
#aa5e33 rgb(170,94,51)
```
#b35c2b
```
#b35c2b rgb(179,92,43)
```
#bb5a22
```
#bb5a22 rgb(187,90,34)
```
#c4571a
```
#c4571a rgb(196,87,26)
```
#cc5511
```
#cc5511 rgb(204,85,17)
```
#d55309
```
#d55309 rgb(213,83,9)
```
#dd5000
```
#dd5000 rgb(221,80,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8026 Protanopia 1% of men
#a17a00 Deuteranopia 1% of men
#d0585d Tritanopia 0.001% of the population

Trichromacy

#a5701e Protanomaly 1% of men, 0.01% of women
#b06c06 Deuteranomaly 6% of men, 0.4% of women
#cf5641 Tritanomaly 0.01% of the population

#cc5511 hex color

#cc5511 Color Information

#cc5511 Color Conversion

Color Schemes with #cc5511

Alternatives to #cc5511

#cc5511 Preview

Shades and Tints of #cc5511

Tones of #cc5511

Color Blindness Simulator