#cc580f hex color

In a RGB color space, hex #cc580f is composed of 80% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 92.6% yellow and 20% black. It has a hue angle of 23.2 degrees, a saturation of 86.3% and a lightness of 42.9%. #cc580f color hex could be obtained by blending #ffb01e with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 35
- B 6
RGB color chart
- C 0
- M 57
- Y 93
- K 20
CMYK color chart

● #cc580f color description : Strong orange.

The hexadecimal color #cc580f has RGB values of R:204, G:88, B:15 and CMYK values of C:0, M:0.57, Y:0.93, K:0.2. Its decimal value is 13391887.

Hex triplet	cc580f	`#cc580f`
RGB Decimal	204, 88, 15	`rgb(204,88,15)`
RGB Percent	80, 34.5, 5.9	`rgb(80%,34.5%,5.9%)`
CMYK	0, 57, 93, 20
HSL	23.2°, 86.3, 42.9	`hsl(23.2,86.3%,42.9%)`
HSV (or HSB)	23.2°, 92.6, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.672, 42.889, 57.752
XYZ	28.479, 19.854, 2.785
xyY	0.557, 0.388, 19.854
CIE-LCH	51.672, 71.936, 53.401
CIE-LUV	51.672, 95.768, 44.083
Hunter-Lab	44.558, 36.11, 27.486
Binary	11001100, 01011000, 00001111

#cc580f
```
#cc580f rgb(204,88,15)
```
#0f83cc
```
#0f83cc rgb(15,131,204)
```

Complementary Color

#cc0f25
```
#cc0f25 rgb(204,15,37)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#ccb70f
```
#ccb70f rgb(204,183,15)
```

Analogous Color

#0f25cc
```
#0f25cc rgb(15,37,204)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#0fccb7
```
#0fccb7 rgb(15,204,183)
```

Split Complementary Color

#580fcc
```
#580fcc rgb(88,15,204)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#0fcc58
```
#0fcc58 rgb(15,204,88)
```

Triadic Color

#cc0f83
```
#cc0f83 rgb(204,15,131)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#0fcc58
```
#0fcc58 rgb(15,204,88)
```
#0f83cc
```
#0f83cc rgb(15,131,204)
```

Tetradic Color

#85390a
```
#85390a rgb(133,57,10)
```
#9c440c
```
#9c440c rgb(156,68,12)
```
#b44e0d
```
#b44e0d rgb(180,78,13)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#e46211
```
#e46211 rgb(228,98,17)
```
#ef6f1f
```
#ef6f1f rgb(239,111,31)
```
#f07f37
```
#f07f37 rgb(240,127,55)
```

Monochromatic Color

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

#cc290f
```
#cc290f rgb(204,41,15)
```
#cc390f
```
#cc390f rgb(204,57,15)
```
#cc480f
```
#cc480f rgb(204,72,15)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#cc680f
```
#cc680f rgb(204,104,15)
```
#cc780f
```
#cc780f rgb(204,120,15)
```
#cc870f
```
#cc870f rgb(204,135,15)
```

Similar Colors

Text with hexadecimal color #cc580f

This text has a font color of #cc580f.

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

#cc580f background color

This paragraph has a background color of #cc580f.

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

#cc580f border color

This element has a border color of #cc580f.

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

CSS codes

.text {color:#cc580f;}

.background {background-color:#cc580f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150902
```
#150902 rgb(21,9,2)
```
#281103
```
#281103 rgb(40,17,3)
```
#3a1904
```
#3a1904 rgb(58,25,4)
```
#4c2106
```
#4c2106 rgb(76,33,6)
```
#5e2907
```
#5e2907 rgb(94,41,7)
```
#713108
```
#713108 rgb(113,49,8)
```
#83380a
```
#83380a rgb(131,56,10)
```
#95400b
```
#95400b rgb(149,64,11)
```
#a7480c
```
#a7480c rgb(167,72,12)
```
#ba500e
```
#ba500e rgb(186,80,14)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#de6010
```
#de6010 rgb(222,96,16)
```

Shade Color Variation

#ee6814
```
#ee6814 rgb(238,104,20)
```
#ef7427
```
#ef7427 rgb(239,116,39)
```
#f08039
```
#f08039 rgb(240,128,57)
```
#f28c4b
```
#f28c4b rgb(242,140,75)
```
#f3975e
```
#f3975e rgb(243,151,94)
```
#f4a370
```
#f4a370 rgb(244,163,112)
```
#f6af82
```
#f6af82 rgb(246,175,130)
```
#f7bb94
```
#f7bb94 rgb(247,187,148)
```
#f9c6a7
```
#f9c6a7 rgb(249,198,167)
```
#fad2b9
```
#fad2b9 rgb(250,210,185)
```
#fbdecb
```
#fbdecb rgb(251,222,203)
```
#fde9dd
```
#fde9dd rgb(253,233,221)
```
#fef5f0
```
#fef5f0 rgb(254,245,240)
```

Tint Color Variation

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

#6f6d6c
```
#6f6d6c rgb(111,109,108)
```
#786b63
```
#786b63 rgb(120,107,99)
```
#80695b
```
#80695b rgb(128,105,91)
```
#896752
```
#896752 rgb(137,103,82)
```
#91654a
```
#91654a rgb(145,101,74)
```
#996342
```
#996342 rgb(153,99,66)
```
#a26239
```
#a26239 rgb(162,98,57)
```
#aa6031
```
#aa6031 rgb(170,96,49)
```
#b35e28
```
#b35e28 rgb(179,94,40)
```
#bb5c20
```
#bb5c20 rgb(187,92,32)
```
#c45a17
```
#c45a17 rgb(196,90,23)
```
#cc580f
```
#cc580f rgb(204,88,15)
```
#d45607
```
#d45607 rgb(212,86,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#918224 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#d05a5f Tritanopia 0.001% of the population

Trichromacy

#a6721c Protanomaly 1% of men, 0.01% of women
#b16e05 Deuteranomaly 6% of men, 0.4% of women
#cf5942 Tritanomaly 0.01% of the population

#cc580f hex color

#cc580f Color Information

#cc580f Color Conversion

Color Schemes with #cc580f

Alternatives to #cc580f

#cc580f Preview

Shades and Tints of #cc580f

Tones of #cc580f

Color Blindness Simulator