#cc8311 hex color

In a RGB color space, hex #cc8311 is composed of 80% red, 51.4% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.8% magenta, 91.7% yellow and 20% black. It has a hue angle of 36.6 degrees, a saturation of 84.6% and a lightness of 43.3%. #cc8311 color hex could be obtained by blending #ffff22 with #990700. Closest websafe color is: #cc9900.

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

● #cc8311 color description : Strong orange.

The hexadecimal color #cc8311 has RGB values of R:204, G:131, B:17 and CMYK values of C:0, M:0.36, Y:0.92, K:0.2. Its decimal value is 13402897.

Hex triplet	cc8311	`#cc8311`
RGB Decimal	204, 131, 17	`rgb(204,131,17)`
RGB Percent	80, 51.4, 6.7	`rgb(80%,51.4%,6.7%)`
CMYK	0, 36, 92, 20
HSL	36.6°, 84.6, 43.3	`hsl(36.6,84.6%,43.3%)`
HSV (or HSB)	36.6°, 91.7, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	60.881, 20.464, 63.894
XYZ	33.12, 29.113, 4.405
xyY	0.497, 0.437, 29.113
CIE-LCH	60.881, 67.091, 72.241
CIE-LUV	60.881, 60.492, 58.652
Hunter-Lab	53.956, 15.146, 32.929
Binary	11001100, 10000011, 00010001

#cc8311
```
#cc8311 rgb(204,131,17)
```
#115acc
```
#115acc rgb(17,90,204)
```

Complementary Color

#cc2611
```
#cc2611 rgb(204,38,17)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#b8cc11
```
#b8cc11 rgb(184,204,17)
```

Analogous Color

#2611cc
```
#2611cc rgb(38,17,204)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#11b8cc
```
#11b8cc rgb(17,184,204)
```

Split Complementary Color

#8311cc
```
#8311cc rgb(131,17,204)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#11cc83
```
#11cc83 rgb(17,204,131)
```

Triadic Color

#cc115a
```
#cc115a rgb(204,17,90)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#11cc83
```
#11cc83 rgb(17,204,131)
```
#115acc
```
#115acc rgb(17,90,204)
```

Tetradic Color

#85560b
```
#85560b rgb(133,86,11)
```
#9d650d
```
#9d650d rgb(157,101,13)
```
#b4740f
```
#b4740f rgb(180,116,15)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#e49213
```
#e49213 rgb(228,146,19)
```
#ed9e23
```
#ed9e23 rgb(237,158,35)
```
#efa83b
```
#efa83b rgb(239,168,59)
```

Monochromatic Color

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

#cc5411
```
#cc5411 rgb(204,84,17)
```
#cc6411
```
#cc6411 rgb(204,100,17)
```
#cc7311
```
#cc7311 rgb(204,115,17)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#cc9311
```
#cc9311 rgb(204,147,17)
```
#cca211
```
#cca211 rgb(204,162,17)
```
#ccb211
```
#ccb211 rgb(204,178,17)
```

Similar Colors

Text with hexadecimal color #cc8311

This text has a font color of #cc8311.

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

#cc8311 background color

This paragraph has a background color of #cc8311.

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

#cc8311 border color

This element has a border color of #cc8311.

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

CSS codes

.text {color:#cc8311;}

.background {background-color:#cc8311;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#170f02
```
#170f02 rgb(23,15,2)
```
#291a03
```
#291a03 rgb(41,26,3)
```
#3b2605
```
#3b2605 rgb(59,38,5)
```
#4d3206
```
#4d3206 rgb(77,50,6)
```
#5f3d08
```
#5f3d08 rgb(95,61,8)
```
#714909
```
#714909 rgb(113,73,9)
```
#84540b
```
#84540b rgb(132,84,11)
```
#96600c
```
#96600c rgb(150,96,12)
```
#a86c0e
```
#a86c0e rgb(168,108,14)
```
#ba770f
```
#ba770f rgb(186,119,15)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#de8f13
```
#de8f13 rgb(222,143,19)
```

Shade Color Variation

#ec9918
```
#ec9918 rgb(236,153,24)
```
#eda12b
```
#eda12b rgb(237,161,43)
```
#efa93d
```
#efa93d rgb(239,169,61)
```
#f0b14f
```
#f0b14f rgb(240,177,79)
```
#f2b961
```
#f2b961 rgb(242,185,97)
```
#f3c173
```
#f3c173 rgb(243,193,115)
```
#f5c985
```
#f5c985 rgb(245,201,133)
```
#f6d197
```
#f6d197 rgb(246,209,151)
```
#f8d9a9
```
#f8d9a9 rgb(248,217,169)
```
#f9e1bb
```
#f9e1bb rgb(249,225,187)
```
#fbe9ce
```
#fbe9ce rgb(251,233,206)
```
#fcf1e0
```
#fcf1e0 rgb(252,241,224)
```
#fef9f2
```
#fef9f2 rgb(254,249,242)
```

Tint Color Variation

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

#777066
```
#777066 rgb(119,112,102)
```
#80725e
```
#80725e rgb(128,114,94)
```
#887455
```
#887455 rgb(136,116,85)
```
#91764d
```
#91764d rgb(145,118,77)
```
#997844
```
#997844 rgb(153,120,68)
```
#a27a3c
```
#a27a3c rgb(162,122,60)
```
#aa7c33
```
#aa7c33 rgb(170,124,51)
```
#b37d2b
```
#b37d2b rgb(179,125,43)
```
#bb7f22
```
#bb7f22 rgb(187,127,34)
```
#c4811a
```
#c4811a rgb(196,129,26)
```
#cc8311
```
#cc8311 rgb(204,131,17)
```
#d58509
```
#d58509 rgb(213,133,9)
```
#dd8700
```
#dd8700 rgb(221,135,0)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#998a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9821 Protanopia 1% of men
#be9115 Deuteranopia 1% of men
#d48089 Tritanopia 0.001% of the population

Trichromacy

#b6901b Protanomaly 1% of men, 0.01% of women
#c38c13 Deuteranomaly 6% of men, 0.4% of women
#d1815d Tritanomaly 0.01% of the population

#cc8311 hex color

#cc8311 Color Information

#cc8311 Color Conversion

Color Schemes with #cc8311

Alternatives to #cc8311

#cc8311 Preview

Shades and Tints of #cc8311

Tones of #cc8311

Color Blindness Simulator