#cc580a hex color

In a RGB color space, hex #cc580a is composed of 80% red, 34.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 95.1% yellow and 20% black. It has a hue angle of 24.1 degrees, a saturation of 90.7% and a lightness of 42%. #cc580a color hex could be obtained by blending #ffb014 with #990000. Closest websafe color is: #cc6600.

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

● #cc580a color description : Strong orange.

The hexadecimal color #cc580a has RGB values of R:204, G:88, B:10 and CMYK values of C:0, M:0.57, Y:0.95, K:0.2. Its decimal value is 13391882.

Hex triplet	cc580a	`#cc580a`
RGB Decimal	204, 88, 10	`rgb(204,88,10)`
RGB Percent	80, 34.5, 3.9	`rgb(80%,34.5%,3.9%)`
CMYK	0, 57, 95, 20
HSL	24.1°, 90.7, 42	`hsl(24.1,90.7%,42%)`
HSV (or HSB)	24.1°, 95.1, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.658, 42.828, 58.919
XYZ	28.448, 19.842, 2.619
xyY	0.559, 0.39, 19.842
CIE-LCH	51.658, 72.84, 53.987
CIE-LUV	51.658, 95.979, 44.613
Hunter-Lab	44.544, 36.045, 27.695
Binary	11001100, 01011000, 00001010

#cc580a
```
#cc580a rgb(204,88,10)
```
#0a7ecc
```
#0a7ecc rgb(10,126,204)
```

Complementary Color

#cc0a1d
```
#cc0a1d rgb(204,10,29)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#ccb90a
```
#ccb90a rgb(204,185,10)
```

Analogous Color

#0a1dcc
```
#0a1dcc rgb(10,29,204)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#0accb9
```
#0accb9 rgb(10,204,185)
```

Split Complementary Color

#580acc
```
#580acc rgb(88,10,204)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#0acc58
```
#0acc58 rgb(10,204,88)
```

Triadic Color

#cc0a7e
```
#cc0a7e rgb(204,10,126)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#0acc58
```
#0acc58 rgb(10,204,88)
```
#0a7ecc
```
#0a7ecc rgb(10,126,204)
```

Tetradic Color

#833906
```
#833906 rgb(131,57,6)
```
#9b4308
```
#9b4308 rgb(155,67,8)
```
#b44e09
```
#b44e09 rgb(180,78,9)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#e4620b
```
#e4620b rgb(228,98,11)
```
#f46f15
```
#f46f15 rgb(244,111,21)
```
#f57e2e
```
#f57e2e rgb(245,126,46)
```

Monochromatic Color

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

#cc280a
```
#cc280a rgb(204,40,10)
```
#cc380a
```
#cc380a rgb(204,56,10)
```
#cc480a
```
#cc480a rgb(204,72,10)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#cc680a
```
#cc680a rgb(204,104,10)
```
#cc780a
```
#cc780a rgb(204,120,10)
```
#cc890a
```
#cc890a rgb(204,137,10)
```

Similar Colors

Text with hexadecimal color #cc580a

This text has a font color of #cc580a.

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

#cc580a background color

This paragraph has a background color of #cc580a.

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

#cc580a border color

This element has a border color of #cc580a.

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

CSS codes

.text {color:#cc580a;}

.background {background-color:#cc580a;}

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

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

#110701
```
#110701 rgb(17,7,1)
```
#240f02
```
#240f02 rgb(36,15,2)
```
#361703
```
#361703 rgb(54,23,3)
```
#492004
```
#492004 rgb(73,32,4)
```
#5c2805
```
#5c2805 rgb(92,40,5)
```
#6f3005
```
#6f3005 rgb(111,48,5)
```
#813806
```
#813806 rgb(129,56,6)
```
#944007
```
#944007 rgb(148,64,7)
```
#a74808
```
#a74808 rgb(167,72,8)
```
#b95009
```
#b95009 rgb(185,80,9)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#df600b
```
#df600b rgb(223,96,11)
```
#f1680c
```
#f1680c rgb(241,104,12)
```

Shade Color Variation

#f4731d
```
#f4731d rgb(244,115,29)
```
#f57f30
```
#f57f30 rgb(245,127,48)
```
#f68a42
```
#f68a42 rgb(246,138,66)
```
#f79655
```
#f79655 rgb(247,150,85)
```
#f8a268
```
#f8a268 rgb(248,162,104)
```
#f9ad7a
```
#f9ad7a rgb(249,173,122)
```
#f9b98d
```
#f9b98d rgb(249,185,141)
```
#fac4a0
```
#fac4a0 rgb(250,196,160)
```
#fbd0b3
```
#fbd0b3 rgb(251,208,179)
```
#fcdbc5
```
#fcdbc5 rgb(252,219,197)
```
#fde7d8
```
#fde7d8 rgb(253,231,216)
```
#fef2eb
```
#fef2eb rgb(254,242,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#716a65
```
#716a65 rgb(113,106,101)
```
#7a685c
```
#7a685c rgb(122,104,92)
```
#826754
```
#826754 rgb(130,103,84)
```
#8a654c
```
#8a654c rgb(138,101,76)
```
#926344
```
#926344 rgb(146,99,68)
```
#9b623b
```
#9b623b rgb(155,98,59)
```
#a36033
```
#a36033 rgb(163,96,51)
```
#ab5e2b
```
#ab5e2b rgb(171,94,43)
```
#b35d23
```
#b35d23 rgb(179,93,35)
```
#bc5b1a
```
#bc5b1a rgb(188,91,26)
```
#c45a12
```
#c45a12 rgb(196,90,18)
```
#cc580a
```
#cc580a rgb(204,88,10)
```
#d45602
```
#d45602 rgb(212,86,2)
```

Tone Color Variation

Below, you can see how #cc580a 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
#846d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a67218 Protanomaly 1% of men, 0.01% of women
#b16e03 Deuteranomaly 6% of men, 0.4% of women
#cf5940 Tritanomaly 0.01% of the population

#cc580a hex color

#cc580a Color Information

#cc580a Color Conversion

Color Schemes with #cc580a

Alternatives to #cc580a

#cc580a Preview

Shades and Tints of #cc580a

Tones of #cc580a

Color Blindness Simulator