#cc8842 hex color

In a RGB color space, hex #cc8842 is composed of 80% red, 53.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 67.6% yellow and 20% black. It has a hue angle of 30.4 degrees, a saturation of 57.5% and a lightness of 52.9%. #cc8842 color hex could be obtained by blending #ffff84 with #991100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 53
- B 26
RGB color chart
- C 0
- M 33
- Y 68
- K 20
CMYK color chart

● #cc8842 color description : Moderate orange.

The hexadecimal color #cc8842 has RGB values of R:204, G:136, B:66 and CMYK values of C:0, M:0.33, Y:0.68, K:0.2. Its decimal value is 13404226.

Hex triplet	cc8842	`#cc8842`
RGB Decimal	204, 136, 66	`rgb(204,136,66)`
RGB Percent	80, 53.3, 25.9	`rgb(80%,53.3%,25.9%)`
CMYK	0, 33, 68, 20
HSL	30.4°, 57.5, 52.9	`hsl(30.4,57.5%,52.9%)`
HSV (or HSB)	30.4°, 67.6, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.373, 19.505, 47.111
XYZ	34.69, 30.841, 9.28
xyY	0.464, 0.412, 30.841
CIE-LCH	62.373, 50.989, 67.51
CIE-LUV	62.373, 53.833, 48.831
Hunter-Lab	55.535, 14.315, 28.967
Binary	11001100, 10001000, 01000010

#cc8842
```
#cc8842 rgb(204,136,66)
```
#4286cc
```
#4286cc rgb(66,134,204)
```

Complementary Color

#cc4342
```
#cc4342 rgb(204,67,66)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#cbcc42
```
#cbcc42 rgb(203,204,66)
```

Analogous Color

#4342cc
```
#4342cc rgb(67,66,204)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#42cbcc
```
#42cbcc rgb(66,203,204)
```

Split Complementary Color

#8842cc
```
#8842cc rgb(136,66,204)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#42cc88
```
#42cc88 rgb(66,204,136)
```

Triadic Color

#cc4286
```
#cc4286 rgb(204,66,134)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#42cc88
```
#42cc88 rgb(66,204,136)
```
#4286cc
```
#4286cc rgb(66,134,204)
```

Tetradic Color

#986229
```
#986229 rgb(152,98,41)
```
#ac6e2f
```
#ac6e2f rgb(172,110,47)
```
#c17b34
```
#c17b34 rgb(193,123,52)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#d19556
```
#d19556 rgb(209,149,86)
```
#d7a16a
```
#d7a16a rgb(215,161,106)
```
#dcae7e
```
#dcae7e rgb(220,174,126)
```

Monochromatic Color

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

#cc6642
```
#cc6642 rgb(204,102,66)
```
#cc7142
```
#cc7142 rgb(204,113,66)
```
#cc7d42
```
#cc7d42 rgb(204,125,66)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#cc9442
```
#cc9442 rgb(204,148,66)
```
#cc9f42
```
#cc9f42 rgb(204,159,66)
```
#ccab42
```
#ccab42 rgb(204,171,66)
```

Similar Colors

Text with hexadecimal color #cc8842

This text has a font color of #cc8842.

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

#cc8842 background color

This paragraph has a background color of #cc8842.

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

#cc8842 border color

This element has a border color of #cc8842.

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

CSS codes

.text {color:#cc8842;}

.background {background-color:#cc8842;}

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

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, #0c0803 is the darkest color, while #fefdfb is the lightest one.

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1b1107
```
#1b1107 rgb(27,17,7)
```
#2b1b0c
```
#2b1b0c rgb(43,27,12)
```
#3a2510
```
#3a2510 rgb(58,37,16)
```
#4a2f14
```
#4a2f14 rgb(74,47,20)
```
#593918
```
#593918 rgb(89,57,24)
```
#68431c
```
#68431c rgb(104,67,28)
```
#784d20
```
#784d20 rgb(120,77,32)
```
#875725
```
#875725 rgb(135,87,37)
```
#976129
```
#976129 rgb(151,97,41)
```
#a66a2d
```
#a66a2d rgb(166,106,45)
```
#b67431
```
#b67431 rgb(182,116,49)
```
#c57e35
```
#c57e35 rgb(197,126,53)
```

Shade Color Variation

#cc8842
```
#cc8842 rgb(204,136,66)
```
#d09251
```
#d09251 rgb(208,146,81)
```
#d49b61
```
#d49b61 rgb(212,155,97)
```
#d9a570
```
#d9a570 rgb(217,165,112)
```
#ddaf80
```
#ddaf80 rgb(221,175,128)
```
#e1b98f
```
#e1b98f rgb(225,185,143)
```
#e5c29f
```
#e5c29f rgb(229,194,159)
```
#e9ccae
```
#e9ccae rgb(233,204,174)
```
#edd6be
```
#edd6be rgb(237,214,190)
```
#f2e0cd
```
#f2e0cd rgb(242,224,205)
```
#f6e9dc
```
#f6e9dc rgb(246,233,220)
```
#faf3ec
```
#faf3ec rgb(250,243,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#8b8783
```
#8b8783 rgb(139,135,131)
```
#958779
```
#958779 rgb(149,135,121)
```
#9e8770
```
#9e8770 rgb(158,135,112)
```
#a78767
```
#a78767 rgb(167,135,103)
```
#b0885e
```
#b0885e rgb(176,136,94)
```
#ba8854
```
#ba8854 rgb(186,136,84)
```
#c3884b
```
#c3884b rgb(195,136,75)
```
#cc8842
```
#cc8842 rgb(204,136,66)
```
#d58839
```
#d58839 rgb(213,136,57)
```
#de8830
```
#de8830 rgb(222,136,48)
```
#e88826
```
#e88826 rgb(232,136,38)
```
#f1891d
```
#f1891d rgb(241,137,29)
```
#fa8914
```
#fa8914 rgb(250,137,20)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9f9284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c50 Protanopia 1% of men
#bf9549 Deuteranopia 1% of men
#d3868f Tritanopia 0.001% of the population

Trichromacy

#b7944a Protanomaly 1% of men, 0.01% of women
#c49046 Deuteranomaly 6% of men, 0.4% of women
#d08773 Tritanomaly 0.01% of the population

#cc8842 hex color

#cc8842 Color Information

#cc8842 Color Conversion

Color Schemes with #cc8842

Alternatives to #cc8842

#cc8842 Preview

Shades and Tints of #cc8842

Tones of #cc8842

Color Blindness Simulator