#cc5311 hex color

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

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

● #cc5311 color description : Strong orange.

The hexadecimal color #cc5311 has RGB values of R:204, G:83, B:17 and CMYK values of C:0, M:0.59, Y:0.92, K:0.2. Its decimal value is 13390609.

Hex triplet	cc5311	`#cc5311`
RGB Decimal	204, 83, 17	`rgb(204,83,17)`
RGB Percent	80, 32.5, 6.7	`rgb(80%,32.5%,6.7%)`
CMYK	0, 59, 92, 20
HSL	21.2°, 84.6, 43.3	`hsl(21.2,84.6%,43.3%)`
HSV (or HSB)	21.2°, 91.7, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.766, 45.294, 56.569
XYZ	28.098, 19.067, 2.731
xyY	0.563, 0.382, 19.067
CIE-LCH	50.766, 72.468, 51.316
CIE-LUV	50.766, 99.569, 42.306
Hunter-Lab	43.666, 38.442, 26.858
Binary	11001100, 01010011, 00010001

#cc5311
```
#cc5311 rgb(204,83,17)
```
#118acc
```
#118acc rgb(17,138,204)
```

Complementary Color

#cc112d
```
#cc112d rgb(204,17,45)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#ccb111
```
#ccb111 rgb(204,177,17)
```

Analogous Color

#112ccc
```
#112ccc rgb(17,44,204)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#11ccb1
```
#11ccb1 rgb(17,204,177)
```

Split Complementary Color

#5311cc
```
#5311cc rgb(83,17,204)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#11cc53
```
#11cc53 rgb(17,204,83)
```

Triadic Color

#cc118a
```
#cc118a rgb(204,17,138)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#11cc53
```
#11cc53 rgb(17,204,83)
```
#118acc
```
#118acc rgb(17,138,204)
```

Tetradic Color

#85360b
```
#85360b rgb(133,54,11)
```
#9d400d
```
#9d400d rgb(157,64,13)
```
#b4490f
```
#b4490f rgb(180,73,15)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#e45d13
```
#e45d13 rgb(228,93,19)
```
#ed6a23
```
#ed6a23 rgb(237,106,35)
```
#ef7a3b
```
#ef7a3b rgb(239,122,59)
```

Monochromatic Color

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

#cc2411
```
#cc2411 rgb(204,36,17)
```
#cc3411
```
#cc3411 rgb(204,52,17)
```
#cc4311
```
#cc4311 rgb(204,67,17)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#cc6311
```
#cc6311 rgb(204,99,17)
```
#cc7211
```
#cc7211 rgb(204,114,17)
```
#cc8211
```
#cc8211 rgb(204,130,17)
```

Similar Colors

Text with hexadecimal color #cc5311

This text has a font color of #cc5311.

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

#cc5311 background color

This paragraph has a background color of #cc5311.

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

#cc5311 border color

This element has a border color of #cc5311.

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

CSS codes

.text {color:#cc5311;}

.background {background-color:#cc5311;}

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

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)
```
#170902
```
#170902 rgb(23,9,2)
```
#291103
```
#291103 rgb(41,17,3)
```
#3b1805
```
#3b1805 rgb(59,24,5)
```
#4d1f06
```
#4d1f06 rgb(77,31,6)
```
#5f2708
```
#5f2708 rgb(95,39,8)
```
#712e09
```
#712e09 rgb(113,46,9)
```
#84360b
```
#84360b rgb(132,54,11)
```
#963d0c
```
#963d0c rgb(150,61,12)
```
#a8440e
```
#a8440e rgb(168,68,14)
```
#ba4c0f
```
#ba4c0f rgb(186,76,15)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#de5a13
```
#de5a13 rgb(222,90,19)
```

Shade Color Variation

#ec6318
```
#ec6318 rgb(236,99,24)
```
#ed6f2b
```
#ed6f2b rgb(237,111,43)
```
#ef7c3d
```
#ef7c3d rgb(239,124,61)
```
#f0884f
```
#f0884f rgb(240,136,79)
```
#f29461
```
#f29461 rgb(242,148,97)
```
#f3a073
```
#f3a073 rgb(243,160,115)
```
#f5ad85
```
#f5ad85 rgb(245,173,133)
```
#f6b997
```
#f6b997 rgb(246,185,151)
```
#f8c5a9
```
#f8c5a9 rgb(248,197,169)
```
#f9d1bb
```
#f9d1bb rgb(249,209,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 #dd4e00 is the most saturated one.

#776c66
```
#776c66 rgb(119,108,102)
```
#806a5e
```
#806a5e rgb(128,106,94)
```
#886755
```
#886755 rgb(136,103,85)
```
#91654d
```
#91654d rgb(145,101,77)
```
#996244
```
#996244 rgb(153,98,68)
```
#a2603c
```
#a2603c rgb(162,96,60)
```
#aa5d33
```
#aa5d33 rgb(170,93,51)
```
#b35b2b
```
#b35b2b rgb(179,91,43)
```
#bb5822
```
#bb5822 rgb(187,88,34)
```
#c4561a
```
#c4561a rgb(196,86,26)
```
#cc5311
```
#cc5311 rgb(204,83,17)
```
#d55109
```
#d55109 rgb(213,81,9)
```
#dd4e00
```
#dd4e00 rgb(221,78,0)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#826a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8026 Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a56f1e Protanomaly 1% of men, 0.01% of women
#af6b06 Deuteranomaly 6% of men, 0.4% of women
#ce5540 Tritanomaly 0.01% of the population

#cc5311 hex color

#cc5311 Color Information

#cc5311 Color Conversion

Color Schemes with #cc5311

Alternatives to #cc5311

#cc5311 Preview

Shades and Tints of #cc5311

Tones of #cc5311

Color Blindness Simulator