#cc8221 hex color

In a RGB color space, hex #cc8221 is composed of 80% red, 51% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 83.8% yellow and 20% black. It has a hue angle of 34 degrees, a saturation of 72.2% and a lightness of 46.5%. #cc8221 color hex could be obtained by blending #ffff42 with #990500. Closest websafe color is: #cc9933.

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

● #cc8221 color description : Strong orange.

The hexadecimal color #cc8221 has RGB values of R:204, G:130, B:33 and CMYK values of C:0, M:0.36, Y:0.84, K:0.2. Its decimal value is 13402657.

Hex triplet	cc8221	`#cc8221`
RGB Decimal	204, 130, 33	`rgb(204,130,33)`
RGB Percent	80, 51, 12.9	`rgb(80%,51%,12.9%)`
CMYK	0, 36, 84, 20
HSL	34°, 72.2, 46.5	`hsl(34,72.2%,46.5%)`
HSV (or HSB)	34°, 83.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.706, 21.357, 59.35
XYZ	33.16, 28.915, 5.274
xyY	0.492, 0.429, 28.915
CIE-LCH	60.706, 63.075, 70.208
CIE-LUV	60.706, 60.724, 55.859
Hunter-Lab	53.773, 15.974, 31.826
Binary	11001100, 10000010, 00100001

#cc8221
```
#cc8221 rgb(204,130,33)
```
#216bcc
```
#216bcc rgb(33,107,204)
```

Complementary Color

#cc2d21
```
#cc2d21 rgb(204,45,33)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#c1cc21
```
#c1cc21 rgb(193,204,33)
```

Analogous Color

#2d21cc
```
#2d21cc rgb(45,33,204)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#21c1cc
```
#21c1cc rgb(33,193,204)
```

Split Complementary Color

#8221cc
```
#8221cc rgb(130,33,204)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#21cc82
```
#21cc82 rgb(33,204,130)
```

Triadic Color

#cc216b
```
#cc216b rgb(204,33,107)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#21cc82
```
#21cc82 rgb(33,204,130)
```
#216bcc
```
#216bcc rgb(33,107,204)
```

Tetradic Color

#8a5816
```
#8a5816 rgb(138,88,22)
```
#a0661a
```
#a0661a rgb(160,102,26)
```
#b6741d
```
#b6741d rgb(182,116,29)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#dd8f2a
```
#dd8f2a rgb(221,143,42)
```
#e09b40
```
#e09b40 rgb(224,155,64)
```
#e4a656
```
#e4a656 rgb(228,166,86)
```

Monochromatic Color

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

#cc5721
```
#cc5721 rgb(204,87,33)
```
#cc6621
```
#cc6621 rgb(204,102,33)
```
#cc7421
```
#cc7421 rgb(204,116,33)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#cc9021
```
#cc9021 rgb(204,144,33)
```
#cc9f21
```
#cc9f21 rgb(204,159,33)
```
#ccad21
```
#ccad21 rgb(204,173,33)
```

Similar Colors

Text with hexadecimal color #cc8221

This text has a font color of #cc8221.

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

#cc8221 background color

This paragraph has a background color of #cc8221.

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

#cc8221 border color

This element has a border color of #cc8221.

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

CSS codes

.text {color:#cc8221;}

.background {background-color:#cc8221;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120c03
```
#120c03 rgb(18,12,3)
```
#231606
```
#231606 rgb(35,22,6)
```
#342108
```
#342108 rgb(52,33,8)
```
#452c0b
```
#452c0b rgb(69,44,11)
```
#56370e
```
#56370e rgb(86,55,14)
```
#674111
```
#674111 rgb(103,65,17)
```
#784c13
```
#784c13 rgb(120,76,19)
```
#885716
```
#885716 rgb(136,87,22)
```
#996219
```
#996219 rgb(153,98,25)
```
#aa6c1c
```
#aa6c1c rgb(170,108,28)
```
#bb771e
```
#bb771e rgb(187,119,30)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```

Shade Color Variation

#dc8d25
```
#dc8d25 rgb(220,141,37)
```
#de9536
```
#de9536 rgb(222,149,54)
```
#e19e47
```
#e19e47 rgb(225,158,71)
```
#e4a758
```
#e4a758 rgb(228,167,88)
```
#e7b068
```
#e7b068 rgb(231,176,104)
```
#e9b979
```
#e9b979 rgb(233,185,121)
```
#ecc28a
```
#ecc28a rgb(236,194,138)
```
#efcb9b
```
#efcb9b rgb(239,203,155)
```
#f2d3ac
```
#f2d3ac rgb(242,211,172)
```
#f4dcbd
```
#f4dcbd rgb(244,220,189)
```
#f7e5ce
```
#f7e5ce rgb(247,229,206)
```
#faeedf
```
#faeedf rgb(250,238,223)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#7a7773
```
#7a7773 rgb(122,119,115)
```
#83786a
```
#83786a rgb(131,120,106)
```
#8c7961
```
#8c7961 rgb(140,121,97)
```
#957b58
```
#957b58 rgb(149,123,88)
```
#9e7c4f
```
#9e7c4f rgb(158,124,79)
```
#a87d45
```
#a87d45 rgb(168,125,69)
```
#b17e3c
```
#b17e3c rgb(177,126,60)
```
#ba8033
```
#ba8033 rgb(186,128,51)
```
#c3812a
```
#c3812a rgb(195,129,42)
```
#cc8221
```
#cc8221 rgb(204,130,33)
```
#d58318
```
#d58318 rgb(213,131,24)
```
#de840f
```
#de840f rgb(222,132,15)
```
#e78606
```
#e78606 rgb(231,134,6)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9a8b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99830 Protanopia 1% of men
#bd9028 Deuteranopia 1% of men
#d38088 Tritanopia 0.001% of the population

Trichromacy

#b6902a Protanomaly 1% of men, 0.01% of women
#c28b25 Deuteranomaly 6% of men, 0.4% of women
#d08062 Tritanomaly 0.01% of the population

#cc8221 hex color

#cc8221 Color Information

#cc8221 Color Conversion

Color Schemes with #cc8221

Alternatives to #cc8221

#cc8221 Preview

Shades and Tints of #cc8221

Tones of #cc8221

Color Blindness Simulator