#cc8021 hex color

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

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

● #cc8021 color description : Strong orange.

The hexadecimal color #cc8021 has RGB values of R:204, G:128, B:33 and CMYK values of C:0, M:0.37, Y:0.84, K:0.2. Its decimal value is 13402145.

Hex triplet	cc8021	`#cc8021`
RGB Decimal	204, 128, 33	`rgb(204,128,33)`
RGB Percent	80, 50.2, 12.9	`rgb(80%,50.2%,12.9%)`
CMYK	0, 37, 84, 20
HSL	33.3°, 72.2, 46.5	`hsl(33.3,72.2%,46.5%)`
HSV (or HSB)	33.3°, 83.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.238, 22.443, 58.948
XYZ	32.896, 28.388, 5.186
xyY	0.495, 0.427, 28.388
CIE-LCH	60.238, 63.076, 69.157
CIE-LUV	60.238, 62.34, 55.102
Hunter-Lab	53.28, 16.969, 31.526
Binary	11001100, 10000000, 00100001

#cc8021
```
#cc8021 rgb(204,128,33)
```
#216dcc
```
#216dcc rgb(33,109,204)
```

Complementary Color

#cc2b21
```
#cc2b21 rgb(204,43,33)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#c3cc21
```
#c3cc21 rgb(195,204,33)
```

Analogous Color

#2b21cc
```
#2b21cc rgb(43,33,204)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#21c3cc
```
#21c3cc rgb(33,195,204)
```

Split Complementary Color

#8021cc
```
#8021cc rgb(128,33,204)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#21cc80
```
#21cc80 rgb(33,204,128)
```

Triadic Color

#cc216d
```
#cc216d rgb(204,33,109)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#21cc80
```
#21cc80 rgb(33,204,128)
```
#216dcc
```
#216dcc rgb(33,109,204)
```

Tetradic Color

#8a5716
```
#8a5716 rgb(138,87,22)
```
#a0641a
```
#a0641a rgb(160,100,26)
```
#b6721d
```
#b6721d rgb(182,114,29)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#dd8d2a
```
#dd8d2a rgb(221,141,42)
```
#e09940
```
#e09940 rgb(224,153,64)
```
#e4a556
```
#e4a556 rgb(228,165,86)
```

Monochromatic Color

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

#cc5521
```
#cc5521 rgb(204,85,33)
```
#cc6421
```
#cc6421 rgb(204,100,33)
```
#cc7221
```
#cc7221 rgb(204,114,33)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#cc8e21
```
#cc8e21 rgb(204,142,33)
```
#cc9d21
```
#cc9d21 rgb(204,157,33)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```

Similar Colors

Text with hexadecimal color #cc8021

This text has a font color of #cc8021.

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

#cc8021 background color

This paragraph has a background color of #cc8021.

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

#cc8021 border color

This element has a border color of #cc8021.

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

CSS codes

.text {color:#cc8021;}

.background {background-color:#cc8021;}

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

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)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231606
```
#231606 rgb(35,22,6)
```
#342108
```
#342108 rgb(52,33,8)
```
#452b0b
```
#452b0b rgb(69,43,11)
```
#56360e
```
#56360e rgb(86,54,14)
```
#674011
```
#674011 rgb(103,64,17)
```
#784b13
```
#784b13 rgb(120,75,19)
```
#885616
```
#885616 rgb(136,86,22)
```
#996019
```
#996019 rgb(153,96,25)
```
#aa6b1c
```
#aa6b1c rgb(170,107,28)
```
#bb751e
```
#bb751e rgb(187,117,30)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```

Shade Color Variation

#dc8a25
```
#dc8a25 rgb(220,138,37)
```
#de9336
```
#de9336 rgb(222,147,54)
```
#e19d47
```
#e19d47 rgb(225,157,71)
```
#e4a658
```
#e4a658 rgb(228,166,88)
```
#e7af68
```
#e7af68 rgb(231,175,104)
```
#e9b879
```
#e9b879 rgb(233,184,121)
```
#ecc18a
```
#ecc18a rgb(236,193,138)
```
#efca9b
```
#efca9b rgb(239,202,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 #e78306 is the most saturated one.

#7a7773
```
#7a7773 rgb(122,119,115)
```
#83786a
```
#83786a rgb(131,120,106)
```
#8c7961
```
#8c7961 rgb(140,121,97)
```
#957a58
```
#957a58 rgb(149,122,88)
```
#9e7b4f
```
#9e7b4f rgb(158,123,79)
```
#a87c45
```
#a87c45 rgb(168,124,69)
```
#b17d3c
```
#b17d3c rgb(177,125,60)
```
#ba7e33
```
#ba7e33 rgb(186,126,51)
```
#c37f2a
```
#c37f2a rgb(195,127,42)
```
#cc8021
```
#cc8021 rgb(204,128,33)
```
#d58118
```
#d58118 rgb(213,129,24)
```
#de820f
```
#de820f rgb(222,130,15)
```
#e78306
```
#e78306 rgb(231,131,6)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#998a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89730 Protanopia 1% of men
#bc8f27 Deuteranopia 1% of men
#d37e86 Tritanopia 0.001% of the population

Trichromacy

#b58e2b Protanomaly 1% of men, 0.01% of women
#c18a25 Deuteranomaly 6% of men, 0.4% of women
#d07e61 Tritanomaly 0.01% of the population

#cc8021 hex color

#cc8021 Color Information

#cc8021 Color Conversion

Color Schemes with #cc8021

Alternatives to #cc8021

#cc8021 Preview

Shades and Tints of #cc8021

Tones of #cc8021

Color Blindness Simulator