#cc8024 hex color

In a RGB color space, hex #cc8024 is composed of 80% red, 50.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.3% magenta, 82.4% yellow and 20% black. It has a hue angle of 32.9 degrees, a saturation of 70% and a lightness of 47.1%. #cc8024 color hex could be obtained by blending #ffff48 with #990100. Closest websafe color is: #cc9933.

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

● #cc8024 color description : Strong orange.

The hexadecimal color #cc8024 has RGB values of R:204, G:128, B:36 and CMYK values of C:0, M:0.37, Y:0.82, K:0.2. Its decimal value is 13402148.

Hex triplet	cc8024	`#cc8024`
RGB Decimal	204, 128, 36	`rgb(204,128,36)`
RGB Percent	80, 50.2, 14.1	`rgb(80%,50.2%,14.1%)`
CMYK	0, 37, 82, 20
HSL	32.9°, 70, 47.1	`hsl(32.9,70%,47.1%)`
HSV (or HSB)	32.9°, 82.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.253, 22.532, 57.913
XYZ	32.94, 28.406, 5.417
xyY	0.493, 0.425, 28.406
CIE-LCH	60.253, 62.142, 68.741
CIE-LUV	60.253, 62.188, 54.488
Hunter-Lab	53.297, 17.053, 31.282
Binary	11001100, 10000000, 00100100

#cc8024
```
#cc8024 rgb(204,128,36)
```
#2470cc
```
#2470cc rgb(36,112,204)
```

Complementary Color

#cc2c24
```
#cc2c24 rgb(204,44,36)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#c4cc24
```
#c4cc24 rgb(196,204,36)
```

Analogous Color

#2c24cc
```
#2c24cc rgb(44,36,204)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#24c4cc
```
#24c4cc rgb(36,196,204)
```

Split Complementary Color

#8024cc
```
#8024cc rgb(128,36,204)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#24cc80
```
#24cc80 rgb(36,204,128)
```

Triadic Color

#cc2470
```
#cc2470 rgb(204,36,112)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#24cc80
```
#24cc80 rgb(36,204,128)
```
#2470cc
```
#2470cc rgb(36,112,204)
```

Tetradic Color

#8b5719
```
#8b5719 rgb(139,87,25)
```
#a1651c
```
#a1651c rgb(161,101,28)
```
#b67220
```
#b67220 rgb(182,114,32)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#da8d2f
```
#da8d2f rgb(218,141,47)
```
#de9945
```
#de9945 rgb(222,153,69)
```
#e2a55b
```
#e2a55b rgb(226,165,91)
```

Monochromatic Color

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

#cc5624
```
#cc5624 rgb(204,86,36)
```
#cc6424
```
#cc6424 rgb(204,100,36)
```
#cc7224
```
#cc7224 rgb(204,114,36)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#cc8e24
```
#cc8e24 rgb(204,142,36)
```
#cc9c24
```
#cc9c24 rgb(204,156,36)
```
#ccaa24
```
#ccaa24 rgb(204,170,36)
```

Similar Colors

Text with hexadecimal color #cc8024

This text has a font color of #cc8024.

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

#cc8024 background color

This paragraph has a background color of #cc8024.

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

#cc8024 border color

This element has a border color of #cc8024.

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

CSS codes

.text {color:#cc8024;}

.background {background-color:#cc8024;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150d04
```
#150d04 rgb(21,13,4)
```
#251707
```
#251707 rgb(37,23,7)
```
#36220a
```
#36220a rgb(54,34,10)
```
#472c0c
```
#472c0c rgb(71,44,12)
```
#57370f
```
#57370f rgb(87,55,15)
```
#684112
```
#684112 rgb(104,65,18)
```
#794c15
```
#794c15 rgb(121,76,21)
```
#895618
```
#895618 rgb(137,86,24)
```
#9a611b
```
#9a611b rgb(154,97,27)
```
#ab6b1e
```
#ab6b1e rgb(171,107,30)
```
#bb7621
```
#bb7621 rgb(187,118,33)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```

Shade Color Variation

#d98a2a
```
#d98a2a rgb(217,138,42)
```
#dc933b
```
#dc933b rgb(220,147,59)
```
#df9c4c
```
#df9c4c rgb(223,156,76)
```
#e2a65c
```
#e2a65c rgb(226,166,92)
```
#e5af6d
```
#e5af6d rgb(229,175,109)
```
#e8b87e
```
#e8b87e rgb(232,184,126)
```
#ebc18e
```
#ebc18e rgb(235,193,142)
```
#eeca9f
```
#eeca9f rgb(238,202,159)
```
#f1d3b0
```
#f1d3b0 rgb(241,211,176)
```
#f4ddc0
```
#f4ddc0 rgb(244,221,192)
```
#f7e6d1
```
#f7e6d1 rgb(247,230,209)
```
#faefe2
```
#faefe2 rgb(250,239,226)
```
#fdf8f2
```
#fdf8f2 rgb(253,248,242)
```

Tint Color Variation

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

#797877
```
#797877 rgb(121,120,119)
```
#82796e
```
#82796e rgb(130,121,110)
```
#8b7a65
```
#8b7a65 rgb(139,122,101)
```
#957b5b
```
#957b5b rgb(149,123,91)
```
#9e7c52
```
#9e7c52 rgb(158,124,82)
```
#a77c49
```
#a77c49 rgb(167,124,73)
```
#b07d40
```
#b07d40 rgb(176,125,64)
```
#ba7e36
```
#ba7e36 rgb(186,126,54)
```
#c37f2d
```
#c37f2d rgb(195,127,45)
```
#cc8024
```
#cc8024 rgb(204,128,36)
```
#d5811b
```
#d5811b rgb(213,129,27)
```
#de8212
```
#de8212 rgb(222,130,18)
```
#e88308
```
#e88308 rgb(232,131,8)
```

Tone Color Variation

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

#a89733 Protanopia 1% of men
#bb8f2a Deuteranopia 1% of men
#d37e86 Tritanopia 0.001% of the population

Trichromacy

#b58e2e Protanomaly 1% of men, 0.01% of women
#c18a28 Deuteranomaly 6% of men, 0.4% of women
#d07e62 Tritanomaly 0.01% of the population

#cc8024 hex color

#cc8024 Color Information

#cc8024 Color Conversion

Color Schemes with #cc8024

Alternatives to #cc8024

#cc8024 Preview

Shades and Tints of #cc8024

Tones of #cc8024

Color Blindness Simulator