#cc5f1f hex color

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

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

● #cc5f1f color description : Strong orange.

The hexadecimal color #cc5f1f has RGB values of R:204, G:95, B:31 and CMYK values of C:0, M:0.53, Y:0.85, K:0.2. Its decimal value is 13393695.

Hex triplet	cc5f1f	`#cc5f1f`
RGB Decimal	204, 95, 31	`rgb(204,95,31)`
RGB Percent	80, 37.3, 12.2	`rgb(80%,37.3%,12.2%)`
CMYK	0, 53, 85, 20
HSL	22.2°, 73.6, 46.1	`hsl(22.2,73.6%,46.1%)`
HSV (or HSB)	22.2°, 84.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.084, 39.765, 53.56
XYZ	29.243, 21.124, 3.834
xyY	0.54, 0.39, 21.124
CIE-LCH	53.084, 66.708, 53.409
CIE-LUV	53.084, 89.202, 43.684
Hunter-Lab	45.96, 33.141, 27.227
Binary	11001100, 01011111, 00011111

#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#1f8ccc
```
#1f8ccc rgb(31,140,204)
```

Complementary Color

#cc1f36
```
#cc1f36 rgb(204,31,54)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```

Analogous Color

#1f36cc
```
#1f36cc rgb(31,54,204)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#1fccb6
```
#1fccb6 rgb(31,204,182)
```

Split Complementary Color

#5f1fcc
```
#5f1fcc rgb(95,31,204)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#1fcc5f
```
#1fcc5f rgb(31,204,95)
```

Triadic Color

#cc1f8c
```
#cc1f8c rgb(204,31,140)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#1fcc5f
```
#1fcc5f rgb(31,204,95)
```
#1f8ccc
```
#1f8ccc rgb(31,140,204)
```

Tetradic Color

#8a4015
```
#8a4015 rgb(138,64,21)
```
#a04a18
```
#a04a18 rgb(160,74,24)
```
#b6551c
```
#b6551c rgb(182,85,28)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#de6a26
```
#de6a26 rgb(222,106,38)
```
#e17a3d
```
#e17a3d rgb(225,122,61)
```
#e58953
```
#e58953 rgb(229,137,83)
```

Monochromatic Color

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

#cc341f
```
#cc341f rgb(204,52,31)
```
#cc421f
```
#cc421f rgb(204,66,31)
```
#cc511f
```
#cc511f rgb(204,81,31)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#cc6d1f
```
#cc6d1f rgb(204,109,31)
```
#cc7c1f
```
#cc7c1f rgb(204,124,31)
```
#cc8a1f
```
#cc8a1f rgb(204,138,31)
```

Similar Colors

Text with hexadecimal color #cc5f1f

This text has a font color of #cc5f1f.

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

#cc5f1f background color

This paragraph has a background color of #cc5f1f.

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

#cc5f1f border color

This element has a border color of #cc5f1f.

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

CSS codes

.text {color:#cc5f1f;}

.background {background-color:#cc5f1f;}

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

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

#110803
```
#110803 rgb(17,8,3)
```
#221005
```
#221005 rgb(34,16,5)
```
#331808
```
#331808 rgb(51,24,8)
```
#44200a
```
#44200a rgb(68,32,10)
```
#55270d
```
#55270d rgb(85,39,13)
```
#662f0f
```
#662f0f rgb(102,47,15)
```
#773712
```
#773712 rgb(119,55,18)
```
#883f15
```
#883f15 rgb(136,63,21)
```
#994717
```
#994717 rgb(153,71,23)
```
#aa4f1a
```
#aa4f1a rgb(170,79,26)
```
#bb571c
```
#bb571c rgb(187,87,28)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#dd6722
```
#dd6722 rgb(221,103,34)
```

Shade Color Variation

#e07332
```
#e07332 rgb(224,115,50)
```
#e27e43
```
#e27e43 rgb(226,126,67)
```
#e58a54
```
#e58a54 rgb(229,138,84)
```
#e89665
```
#e89665 rgb(232,150,101)
```
#eaa176
```
#eaa176 rgb(234,161,118)
```
#edad87
```
#edad87 rgb(237,173,135)
```
#efb998
```
#efb998 rgb(239,185,152)
```
#f2c4aa
```
#f2c4aa rgb(242,196,170)
```
#f5d0bb
```
#f5d0bb rgb(245,208,187)
```
#f7dccc
```
#f7dccc rgb(247,220,204)
```
#fae7dd
```
#fae7dd rgb(250,231,221)
```
#fcf3ee
```
#fcf3ee rgb(252,243,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 #e75804 is the most saturated one.

#7b7470
```
#7b7470 rgb(123,116,112)
```
#847267
```
#847267 rgb(132,114,103)
```
#8d6f5e
```
#8d6f5e rgb(141,111,94)
```
#966d55
```
#966d55 rgb(150,109,85)
```
#9f6b4c
```
#9f6b4c rgb(159,107,76)
```
#a86843
```
#a86843 rgb(168,104,67)
```
#b1663a
```
#b1663a rgb(177,102,58)
```
#ba6431
```
#ba6431 rgb(186,100,49)
```
#c36128
```
#c36128 rgb(195,97,40)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```
#d55d16
```
#d55d16 rgb(213,93,22)
```
#de5a0d
```
#de5a0d rgb(222,90,13)
```
#e75804
```
#e75804 rgb(231,88,4)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#897366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948532 Protanopia 1% of men
#a67f1f Deuteranopia 1% of men
#d16167 Tritanopia 0.001% of the population

Trichromacy

#a8772b Protanomaly 1% of men, 0.01% of women
#b4731f Deuteranomaly 6% of men, 0.4% of women
#cf604c Tritanomaly 0.01% of the population

#cc5f1f hex color

#cc5f1f Color Information

#cc5f1f Color Conversion

Color Schemes with #cc5f1f

Alternatives to #cc5f1f

#cc5f1f Preview

Shades and Tints of #cc5f1f

Tones of #cc5f1f

Color Blindness Simulator