#cc5024 hex color

In a RGB color space, hex #cc5024 is composed of 80% red, 31.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 82.4% yellow and 20% black. It has a hue angle of 15.7 degrees, a saturation of 70% and a lightness of 47.1%. #cc5024 color hex could be obtained by blending #ffa048 with #990000. Closest websafe color is: #cc6633.

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

● #cc5024 color description : Strong orange.

The hexadecimal color #cc5024 has RGB values of R:204, G:80, B:36 and CMYK values of C:0, M:0.61, Y:0.82, K:0.2. Its decimal value is 13389860.

Hex triplet	cc5024	`#cc5024`
RGB Decimal	204, 80, 36	`rgb(204,80,36)`
RGB Percent	80, 31.4, 14.1	`rgb(80%,31.4%,14.1%)`
CMYK	0, 61, 82, 20
HSL	15.7°, 70, 47.1	`hsl(15.7,70%,47.1%)`
HSV (or HSB)	15.7°, 82.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.34, 47.099, 49.019
XYZ	28.09, 18.705, 3.8
xyY	0.555, 0.37, 18.705
CIE-LCH	50.34, 67.98, 46.144
CIE-LUV	50.34, 100.267, 37.717
Hunter-Lab	43.249, 40.248, 25.065
Binary	11001100, 01010000, 00100100

#cc5024
```
#cc5024 rgb(204,80,36)
```
#24a0cc
```
#24a0cc rgb(36,160,204)
```

Complementary Color

#cc244c
```
#cc244c rgb(204,36,76)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#cca424
```
#cca424 rgb(204,164,36)
```

Analogous Color

#244ccc
```
#244ccc rgb(36,76,204)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#24cca4
```
#24cca4 rgb(36,204,164)
```

Split Complementary Color

#5024cc
```
#5024cc rgb(80,36,204)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#24cc50
```
#24cc50 rgb(36,204,80)
```

Triadic Color

#cc24a0
```
#cc24a0 rgb(204,36,160)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#24cc50
```
#24cc50 rgb(36,204,80)
```
#24a0cc
```
#24a0cc rgb(36,160,204)
```

Tetradic Color

#8b3719
```
#8b3719 rgb(139,55,25)
```
#a13f1c
```
#a13f1c rgb(161,63,28)
```
#b64820
```
#b64820 rgb(182,72,32)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#da5c2f
```
#da5c2f rgb(218,92,47)
```
#de6d45
```
#de6d45 rgb(222,109,69)
```
#e27e5b
```
#e27e5b rgb(226,126,91)
```

Monochromatic Color

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

#cc2624
```
#cc2624 rgb(204,38,36)
```
#cc3424
```
#cc3424 rgb(204,52,36)
```
#cc4224
```
#cc4224 rgb(204,66,36)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#cc5e24
```
#cc5e24 rgb(204,94,36)
```
#cc6c24
```
#cc6c24 rgb(204,108,36)
```
#cc7a24
```
#cc7a24 rgb(204,122,36)
```

Similar Colors

Text with hexadecimal color #cc5024

This text has a font color of #cc5024.

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

#cc5024 background color

This paragraph has a background color of #cc5024.

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

#cc5024 border color

This element has a border color of #cc5024.

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

CSS codes

.text {color:#cc5024;}

.background {background-color:#cc5024;}

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

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 #fdf5f2 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#150804
```
#150804 rgb(21,8,4)
```
#250f07
```
#250f07 rgb(37,15,7)
```
#36150a
```
#36150a rgb(54,21,10)
```
#471c0c
```
#471c0c rgb(71,28,12)
```
#57220f
```
#57220f rgb(87,34,15)
```
#682912
```
#682912 rgb(104,41,18)
```
#792f15
```
#792f15 rgb(121,47,21)
```
#893618
```
#893618 rgb(137,54,24)
```
#9a3c1b
```
#9a3c1b rgb(154,60,27)
```
#ab431e
```
#ab431e rgb(171,67,30)
```
#bb4921
```
#bb4921 rgb(187,73,33)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```

Shade Color Variation

#d9582a
```
#d9582a rgb(217,88,42)
```
#dc653b
```
#dc653b rgb(220,101,59)
```
#df724c
```
#df724c rgb(223,114,76)
```
#e27f5c
```
#e27f5c rgb(226,127,92)
```
#e58c6d
```
#e58c6d rgb(229,140,109)
```
#e8997e
```
#e8997e rgb(232,153,126)
```
#eba78e
```
#eba78e rgb(235,167,142)
```
#eeb49f
```
#eeb49f rgb(238,180,159)
```
#f1c1b0
```
#f1c1b0 rgb(241,193,176)
```
#f4cec0
```
#f4cec0 rgb(244,206,192)
```
#f7dbd1
```
#f7dbd1 rgb(247,219,209)
```
#fae8e2
```
#fae8e2 rgb(250,232,226)
```
#fdf5f2
```
#fdf5f2 rgb(253,245,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 #e84308 is the most saturated one.

#797877
```
#797877 rgb(121,120,119)
```
#82736e
```
#82736e rgb(130,115,110)
```
#8b6f65
```
#8b6f65 rgb(139,111,101)
```
#956a5b
```
#956a5b rgb(149,106,91)
```
#9e6652
```
#9e6652 rgb(158,102,82)
```
#a76249
```
#a76249 rgb(167,98,73)
```
#b05d40
```
#b05d40 rgb(176,93,64)
```
#ba5936
```
#ba5936 rgb(186,89,54)
```
#c3542d
```
#c3542d rgb(195,84,45)
```
#cc5024
```
#cc5024 rgb(204,80,36)
```
#d54c1b
```
#d54c1b rgb(213,76,27)
```
#de4712
```
#de4712 rgb(222,71,18)
```
#e84308
```
#e84308 rgb(232,67,8)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#826a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e39 Protanopia 1% of men
#9d7823 Deuteranopia 1% of men
#d05459 Tritanopia 0.001% of the population

Trichromacy

#a36d31 Protanomaly 1% of men, 0.01% of women
#ae6923 Deuteranomaly 6% of men, 0.4% of women
#ce5245 Tritanomaly 0.01% of the population

#cc5024 hex color

#cc5024 Color Information

#cc5024 Color Conversion

Color Schemes with #cc5024

Alternatives to #cc5024

#cc5024 Preview

Shades and Tints of #cc5024

Tones of #cc5024

Color Blindness Simulator