#cc8616 hex color

In a RGB color space, hex #cc8616 is composed of 80% red, 52.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 89.2% yellow and 20% black. It has a hue angle of 36.9 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc8616 color hex could be obtained by blending #ffff2c with #990d00. Closest websafe color is: #cc9900.

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

● #cc8616 color description : Strong orange.

The hexadecimal color #cc8616 has RGB values of R:204, G:134, B:22 and CMYK values of C:0, M:0.34, Y:0.89, K:0.2. Its decimal value is 13403670.

Hex triplet	cc8616	`#cc8616`
RGB Decimal	204, 134, 22	`rgb(204,134,22)`
RGB Percent	80, 52.5, 8.6	`rgb(80%,52.5%,8.6%)`
CMYK	0, 34, 89, 20
HSL	36.9°, 80.5, 44.3	`hsl(36.9,80.5%,44.3%)`
HSV (or HSB)	36.9°, 89.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.609, 18.92, 63.298
XYZ	33.573, 29.948, 4.771
xyY	0.492, 0.439, 29.948
CIE-LCH	61.609, 66.065, 73.358
CIE-LUV	61.609, 57.911, 59.16
Hunter-Lab	54.725, 13.739, 33.138
Binary	11001100, 10000110, 00010110

#cc8616
```
#cc8616 rgb(204,134,22)
```
#165ccc
```
#165ccc rgb(22,92,204)
```

Complementary Color

#cc2b16
```
#cc2b16 rgb(204,43,22)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#b7cc16
```
#b7cc16 rgb(183,204,22)
```

Analogous Color

#2b16cc
```
#2b16cc rgb(43,22,204)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#16b7cc
```
#16b7cc rgb(22,183,204)
```

Split Complementary Color

#8616cc
```
#8616cc rgb(134,22,204)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#16cc86
```
#16cc86 rgb(22,204,134)
```

Triadic Color

#cc165c
```
#cc165c rgb(204,22,92)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#16cc86
```
#16cc86 rgb(22,204,134)
```
#165ccc
```
#165ccc rgb(22,92,204)
```

Tetradic Color

#87590f
```
#87590f rgb(135,89,15)
```
#9e6811
```
#9e6811 rgb(158,104,17)
```
#b57714
```
#b57714 rgb(181,119,20)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#e39518
```
#e39518 rgb(227,149,24)
```
#e8a02d
```
#e8a02d rgb(232,160,45)
```
#ebab44
```
#ebab44 rgb(235,171,68)
```

Monochromatic Color

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

#cc5916
```
#cc5916 rgb(204,89,22)
```
#cc6816
```
#cc6816 rgb(204,104,22)
```
#cc7716
```
#cc7716 rgb(204,119,22)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#cc9516
```
#cc9516 rgb(204,149,22)
```
#cca416
```
#cca416 rgb(204,164,22)
```
#ccb416
```
#ccb416 rgb(204,180,22)
```

Similar Colors

Text with hexadecimal color #cc8616

This text has a font color of #cc8616.

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

#cc8616 background color

This paragraph has a background color of #cc8616.

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

#cc8616 border color

This element has a border color of #cc8616.

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

CSS codes

.text {color:#cc8616;}

.background {background-color:#cc8616;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1b1203
```
#1b1203 rgb(27,18,3)
```
#2d1d05
```
#2d1d05 rgb(45,29,5)
```
#3e2907
```
#3e2907 rgb(62,41,7)
```
#503509
```
#503509 rgb(80,53,9)
```
#62400b
```
#62400b rgb(98,64,11)
```
#734c0c
```
#734c0c rgb(115,76,12)
```
#85570e
```
#85570e rgb(133,87,14)
```
#976310
```
#976310 rgb(151,99,16)
```
#a96f12
```
#a96f12 rgb(169,111,18)
```
#ba7a14
```
#ba7a14 rgb(186,122,20)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#de9218
```
#de9218 rgb(222,146,24)
```

Shade Color Variation

#e79b22
```
#e79b22 rgb(231,155,34)
```
#e9a334
```
#e9a334 rgb(233,163,52)
```
#ebab45
```
#ebab45 rgb(235,171,69)
```
#edb357
```
#edb357 rgb(237,179,87)
```
#efbb69
```
#efbb69 rgb(239,187,105)
```
#f1c37b
```
#f1c37b rgb(241,195,123)
```
#f3cb8c
```
#f3cb8c rgb(243,203,140)
```
#f5d39e
```
#f5d39e rgb(245,211,158)
```
#f6dbb0
```
#f6dbb0 rgb(246,219,176)
```
#f8e3c1
```
#f8e3c1 rgb(248,227,193)
```
#faebd3
```
#faebd3 rgb(250,235,211)
```
#fcf3e5
```
#fcf3e5 rgb(252,243,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#75726d
```
#75726d rgb(117,114,109)
```
#7e7464
```
#7e7464 rgb(126,116,100)
```
#86765c
```
#86765c rgb(134,118,92)
```
#8f7853
```
#8f7853 rgb(143,120,83)
```
#987a4a
```
#987a4a rgb(152,122,74)
```
#a17c41
```
#a17c41 rgb(161,124,65)
```
#a97e39
```
#a97e39 rgb(169,126,57)
```
#b28030
```
#b28030 rgb(178,128,48)
```
#bb8227
```
#bb8227 rgb(187,130,39)
```
#c3841f
```
#c3841f rgb(195,132,31)
```
#cc8616
```
#cc8616 rgb(204,134,22)
```
#d5880d
```
#d5880d rgb(213,136,13)
```
#dd8a05
```
#dd8a05 rgb(221,138,5)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a8c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a26 Protanopia 1% of men
#c0921c Deuteranopia 1% of men
#d4838c Tritanopia 0.001% of the population

Trichromacy

#b89320 Protanomaly 1% of men, 0.01% of women
#c48e1a Deuteranomaly 6% of men, 0.4% of women
#d18461 Tritanomaly 0.01% of the population

#cc8616 hex color

#cc8616 Color Information

#cc8616 Color Conversion

Color Schemes with #cc8616

Alternatives to #cc8616

#cc8616 Preview

Shades and Tints of #cc8616

Tones of #cc8616

Color Blindness Simulator