#cc7416 hex color

In a RGB color space, hex #cc7416 is composed of 80% red, 45.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 89.2% yellow and 20% black. It has a hue angle of 31 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc7416 color hex could be obtained by blending #ffe82c with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 45
- B 9
RGB color chart
- C 0
- M 43
- Y 89
- K 20
CMYK color chart

● #cc7416 color description : Strong orange.

The hexadecimal color #cc7416 has RGB values of R:204, G:116, B:22 and CMYK values of C:0, M:0.43, Y:0.89, K:0.2. Its decimal value is 13399062.

Hex triplet	cc7416	`#cc7416`
RGB Decimal	204, 116, 22	`rgb(204,116,22)`
RGB Percent	80, 45.5, 8.6	`rgb(80%,45.5%,8.6%)`
CMYK	0, 43, 89, 20
HSL	31°, 80.5, 44.3	`hsl(31,80.5%,44.3%)`
HSV (or HSB)	31°, 89.2, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.452, 28.651, 60.092
XYZ	31.293, 25.389, 4.012
xyY	0.516, 0.418, 25.389
CIE-LCH	57.452, 66.572, 64.509
CIE-LUV	57.452, 72.647, 52.561
Hunter-Lab	50.387, 22.68, 30.551
Binary	11001100, 01110100, 00010110

#cc7416
```
#cc7416 rgb(204,116,22)
```
#166ecc
```
#166ecc rgb(22,110,204)
```

Complementary Color

#cc1916
```
#cc1916 rgb(204,25,22)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#c9cc16
```
#c9cc16 rgb(201,204,22)
```

Analogous Color

#1916cc
```
#1916cc rgb(25,22,204)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#16c9cc
```
#16c9cc rgb(22,201,204)
```

Split Complementary Color

#7416cc
```
#7416cc rgb(116,22,204)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#16cc74
```
#16cc74 rgb(22,204,116)
```

Triadic Color

#cc166e
```
#cc166e rgb(204,22,110)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#16cc74
```
#16cc74 rgb(22,204,116)
```
#166ecc
```
#166ecc rgb(22,110,204)
```

Tetradic Color

#874d0f
```
#874d0f rgb(135,77,15)
```
#9e5a11
```
#9e5a11 rgb(158,90,17)
```
#b56714
```
#b56714 rgb(181,103,20)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#e38118
```
#e38118 rgb(227,129,24)
```
#e88e2d
```
#e88e2d rgb(232,142,45)
```
#eb9a44
```
#eb9a44 rgb(235,154,68)
```

Monochromatic Color

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

#cc4716
```
#cc4716 rgb(204,71,22)
```
#cc5616
```
#cc5616 rgb(204,86,22)
```
#cc6516
```
#cc6516 rgb(204,101,22)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#cc8316
```
#cc8316 rgb(204,131,22)
```
#cc9216
```
#cc9216 rgb(204,146,22)
```
#cca216
```
#cca216 rgb(204,162,22)
```

Similar Colors

Text with hexadecimal color #cc7416

This text has a font color of #cc7416.

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

#cc7416 background color

This paragraph has a background color of #cc7416.

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

#cc7416 border color

This element has a border color of #cc7416.

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

CSS codes

.text {color:#cc7416;}

.background {background-color:#cc7416;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1b0f03
```
#1b0f03 rgb(27,15,3)
```
#2d1905
```
#2d1905 rgb(45,25,5)
```
#3e2307
```
#3e2307 rgb(62,35,7)
```
#502e09
```
#502e09 rgb(80,46,9)
```
#62380b
```
#62380b rgb(98,56,11)
```
#73420c
```
#73420c rgb(115,66,12)
```
#854c0e
```
#854c0e rgb(133,76,14)
```
#975610
```
#975610 rgb(151,86,16)
```
#a96012
```
#a96012 rgb(169,96,18)
```
#ba6a14
```
#ba6a14 rgb(186,106,20)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#de7e18
```
#de7e18 rgb(222,126,24)
```

Shade Color Variation

#e78822
```
#e78822 rgb(231,136,34)
```
#e99134
```
#e99134 rgb(233,145,52)
```
#eb9b45
```
#eb9b45 rgb(235,155,69)
```
#eda557
```
#eda557 rgb(237,165,87)
```
#efae69
```
#efae69 rgb(239,174,105)
```
#f1b87b
```
#f1b87b rgb(241,184,123)
```
#f3c18c
```
#f3c18c rgb(243,193,140)
```
#f5cb9e
```
#f5cb9e rgb(245,203,158)
```
#f6d4b0
```
#f6d4b0 rgb(246,212,176)
```
#f8dec1
```
#f8dec1 rgb(248,222,193)
```
#fae7d3
```
#fae7d3 rgb(250,231,211)
```
#fcf1e5
```
#fcf1e5 rgb(252,241,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#75716d
```
#75716d rgb(117,113,109)
```
#7e7164
```
#7e7164 rgb(126,113,100)
```
#86725c
```
#86725c rgb(134,114,92)
```
#8f7253
```
#8f7253 rgb(143,114,83)
```
#98724a
```
#98724a rgb(152,114,74)
```
#a17341
```
#a17341 rgb(161,115,65)
```
#a97339
```
#a97339 rgb(169,115,57)
```
#b27330
```
#b27330 rgb(178,115,48)
```
#bb7327
```
#bb7327 rgb(187,115,39)
```
#c3741f
```
#c3741f rgb(195,116,31)
```
#cc7416
```
#cc7416 rgb(204,116,22)
```
#d5740d
```
#d5740d rgb(213,116,13)
```
#dd7505
```
#dd7505 rgb(221,117,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#92816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19027 Protanopia 1% of men
#b48917 Deuteranopia 1% of men
#d2737a Tritanopia 0.001% of the population

Trichromacy

#b08621 Protanomaly 1% of men, 0.01% of women
#bc8116 Deuteranomaly 6% of men, 0.4% of women
#d07356 Tritanomaly 0.01% of the population

#cc7416 hex color

#cc7416 Color Information

#cc7416 Color Conversion

Color Schemes with #cc7416

Alternatives to #cc7416

#cc7416 Preview

Shades and Tints of #cc7416

Tones of #cc7416

Color Blindness Simulator