#cc581f hex color

In a RGB color space, hex #cc581f is composed of 80% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 84.8% yellow and 20% black. It has a hue angle of 19.8 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc581f color hex could be obtained by blending #ffb03e with #990000. Closest websafe color is: #cc6633.

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

● #cc581f color description : Strong orange.

The hexadecimal color #cc581f has RGB values of R:204, G:88, B:31 and CMYK values of C:0, M:0.57, Y:0.85, K:0.2. Its decimal value is 13391903.

Hex triplet	cc581f	`#cc581f`
RGB Decimal	204, 88, 31	`rgb(204,88,31)`
RGB Percent	80, 34.5, 12.2	`rgb(80%,34.5%,12.2%)`
CMYK	0, 57, 85, 20
HSL	19.8°, 73.6, 46.1	`hsl(19.8,73.6%,46.1%)`
HSV (or HSB)	19.8°, 84.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.745, 43.204, 52.416
XYZ	28.64, 19.919, 3.633
xyY	0.549, 0.382, 19.919
CIE-LCH	51.745, 67.926, 50.503
CIE-LUV	51.745, 94.699, 41.399
Hunter-Lab	44.63, 36.443, 26.415
Binary	11001100, 01011000, 00011111

#cc581f
```
#cc581f rgb(204,88,31)
```
#1f93cc
```
#1f93cc rgb(31,147,204)
```

Complementary Color

#cc1f3d
```
#cc1f3d rgb(204,31,61)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#ccaf1f
```
#ccaf1f rgb(204,175,31)
```

Analogous Color

#1f3dcc
```
#1f3dcc rgb(31,61,204)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#1fccaf
```
#1fccaf rgb(31,204,175)
```

Split Complementary Color

#581fcc
```
#581fcc rgb(88,31,204)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#1fcc58
```
#1fcc58 rgb(31,204,88)
```

Triadic Color

#cc1f93
```
#cc1f93 rgb(204,31,147)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#1fcc58
```
#1fcc58 rgb(31,204,88)
```
#1f93cc
```
#1f93cc rgb(31,147,204)
```

Tetradic Color

#8a3b15
```
#8a3b15 rgb(138,59,21)
```
#a04518
```
#a04518 rgb(160,69,24)
```
#b64e1c
```
#b64e1c rgb(182,78,28)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#de6326
```
#de6326 rgb(222,99,38)
```
#e1733d
```
#e1733d rgb(225,115,61)
```
#e58353
```
#e58353 rgb(229,131,83)
```

Monochromatic Color

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

#cc2d1f
```
#cc2d1f rgb(204,45,31)
```
#cc3b1f
```
#cc3b1f rgb(204,59,31)
```
#cc4a1f
```
#cc4a1f rgb(204,74,31)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#cc661f
```
#cc661f rgb(204,102,31)
```
#cc751f
```
#cc751f rgb(204,117,31)
```
#cc831f
```
#cc831f rgb(204,131,31)
```

Similar Colors

Text with hexadecimal color #cc581f

This text has a font color of #cc581f.

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

#cc581f background color

This paragraph has a background color of #cc581f.

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

#cc581f border color

This element has a border color of #cc581f.

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

CSS codes

.text {color:#cc581f;}

.background {background-color:#cc581f;}

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

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

#110703
```
#110703 rgb(17,7,3)
```
#220f05
```
#220f05 rgb(34,15,5)
```
#331608
```
#331608 rgb(51,22,8)
```
#441d0a
```
#441d0a rgb(68,29,10)
```
#55250d
```
#55250d rgb(85,37,13)
```
#662c0f
```
#662c0f rgb(102,44,15)
```
#773312
```
#773312 rgb(119,51,18)
```
#883b15
```
#883b15 rgb(136,59,21)
```
#994217
```
#994217 rgb(153,66,23)
```
#aa491a
```
#aa491a rgb(170,73,26)
```
#bb511c
```
#bb511c rgb(187,81,28)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#dd5f22
```
#dd5f22 rgb(221,95,34)
```

Shade Color Variation

#e06c32
```
#e06c32 rgb(224,108,50)
```
#e27843
```
#e27843 rgb(226,120,67)
```
#e58454
```
#e58454 rgb(229,132,84)
```
#e89065
```
#e89065 rgb(232,144,101)
```
#ea9d76
```
#ea9d76 rgb(234,157,118)
```
#eda987
```
#eda987 rgb(237,169,135)
```
#efb598
```
#efb598 rgb(239,181,152)
```
#f2c1aa
```
#f2c1aa rgb(242,193,170)
```
#f5cebb
```
#f5cebb rgb(245,206,187)
```
#f7dacc
```
#f7dacc rgb(247,218,204)
```
#fae6dd
```
#fae6dd rgb(250,230,221)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7470
```
#7b7470 rgb(123,116,112)
```
#847167
```
#847167 rgb(132,113,103)
```
#8d6e5e
```
#8d6e5e rgb(141,110,94)
```
#966a55
```
#966a55 rgb(150,106,85)
```
#9f674c
```
#9f674c rgb(159,103,76)
```
#a86443
```
#a86443 rgb(168,100,67)
```
#b1613a
```
#b1613a rgb(177,97,58)
```
#ba5e31
```
#ba5e31 rgb(186,94,49)
```
#c35b28
```
#c35b28 rgb(195,91,40)
```
#cc581f
```
#cc581f rgb(204,88,31)
```
#d55516
```
#d55516 rgb(213,85,22)
```
#de520d
```
#de520d rgb(222,82,13)
```
#e74f04
```
#e74f04 rgb(231,79,4)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#866e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908233 Protanopia 1% of men
#a27b1e Deuteranopia 1% of men
#d05b60 Tritanopia 0.001% of the population

Trichromacy

#a6722b Protanomaly 1% of men, 0.01% of women
#b16e1e Deuteranomaly 6% of men, 0.4% of women
#cf5a48 Tritanomaly 0.01% of the population

#cc581f hex color

#cc581f Color Information

#cc581f Color Conversion

Color Schemes with #cc581f

Alternatives to #cc581f

#cc581f Preview

Shades and Tints of #cc581f

Tones of #cc581f

Color Blindness Simulator