#cc671f hex color

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

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

● #cc671f color description : Strong orange.

The hexadecimal color #cc671f has RGB values of R:204, G:103, B:31 and CMYK values of C:0, M:0.5, Y:0.85, K:0.2. Its decimal value is 13395743.

Hex triplet	cc671f	`#cc671f`
RGB Decimal	204, 103, 31	`rgb(204,103,31)`
RGB Percent	80, 40.4, 12.2	`rgb(80%,40.4%,12.2%)`
CMYK	0, 50, 85, 20
HSL	25°, 73.6, 46.1	`hsl(25,73.6%,46.1%)`
HSV (or HSB)	25°, 84.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.699, 35.697, 54.934
XYZ	30.001, 22.64, 4.086
xyY	0.529, 0.399, 22.64
CIE-LCH	54.699, 65.514, 56.984
CIE-LUV	54.699, 82.787, 46.407
Hunter-Lab	47.581, 29.28, 28.215
Binary	11001100, 01100111, 00011111

#cc671f
```
#cc671f rgb(204,103,31)
```
#1f84cc
```
#1f84cc rgb(31,132,204)
```

Complementary Color

#cc1f2e
```
#cc1f2e rgb(204,31,46)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#ccbe1f
```
#ccbe1f rgb(204,190,31)
```

Analogous Color

#1f2ecc
```
#1f2ecc rgb(31,46,204)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#1fccbe
```
#1fccbe rgb(31,204,190)
```

Split Complementary Color

#671fcc
```
#671fcc rgb(103,31,204)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#1fcc67
```
#1fcc67 rgb(31,204,103)
```

Triadic Color

#cc1f84
```
#cc1f84 rgb(204,31,132)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#1fcc67
```
#1fcc67 rgb(31,204,103)
```
#1f84cc
```
#1f84cc rgb(31,132,204)
```

Tetradic Color

#8a4515
```
#8a4515 rgb(138,69,21)
```
#a05118
```
#a05118 rgb(160,81,24)
```
#b65c1c
```
#b65c1c rgb(182,92,28)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#de7326
```
#de7326 rgb(222,115,38)
```
#e1813d
```
#e1813d rgb(225,129,61)
```
#e59053
```
#e59053 rgb(229,144,83)
```

Monochromatic Color

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

#cc3c1f
```
#cc3c1f rgb(204,60,31)
```
#cc4a1f
```
#cc4a1f rgb(204,74,31)
```
#cc591f
```
#cc591f rgb(204,89,31)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#cc751f
```
#cc751f rgb(204,117,31)
```
#cc841f
```
#cc841f rgb(204,132,31)
```
#cc921f
```
#cc921f rgb(204,146,31)
```

Similar Colors

Text with hexadecimal color #cc671f

This text has a font color of #cc671f.

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

#cc671f background color

This paragraph has a background color of #cc671f.

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

#cc671f border color

This element has a border color of #cc671f.

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

CSS codes

.text {color:#cc671f;}

.background {background-color:#cc671f;}

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

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)
```
#221105
```
#221105 rgb(34,17,5)
```
#331a08
```
#331a08 rgb(51,26,8)
```
#44220a
```
#44220a rgb(68,34,10)
```
#552b0d
```
#552b0d rgb(85,43,13)
```
#66330f
```
#66330f rgb(102,51,15)
```
#773c12
```
#773c12 rgb(119,60,18)
```
#884515
```
#884515 rgb(136,69,21)
```
#994d17
```
#994d17 rgb(153,77,23)
```
#aa561a
```
#aa561a rgb(170,86,26)
```
#bb5e1c
```
#bb5e1c rgb(187,94,28)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#dd7022
```
#dd7022 rgb(221,112,34)
```

Shade Color Variation

#e07b32
```
#e07b32 rgb(224,123,50)
```
#e28643
```
#e28643 rgb(226,134,67)
```
#e59154
```
#e59154 rgb(229,145,84)
```
#e89c65
```
#e89c65 rgb(232,156,101)
```
#eaa776
```
#eaa776 rgb(234,167,118)
```
#edb287
```
#edb287 rgb(237,178,135)
```
#efbd98
```
#efbd98 rgb(239,189,152)
```
#f2c8aa
```
#f2c8aa rgb(242,200,170)
```
#f5d3bb
```
#f5d3bb rgb(245,211,187)
```
#f7decc
```
#f7decc rgb(247,222,204)
```
#fae9dd
```
#fae9dd rgb(250,233,221)
```
#fcf4ee
```
#fcf4ee rgb(252,244,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7570
```
#7b7570 rgb(123,117,112)
```
#847367
```
#847367 rgb(132,115,103)
```
#8d725e
```
#8d725e rgb(141,114,94)
```
#967055
```
#967055 rgb(150,112,85)
```
#9f6f4c
```
#9f6f4c rgb(159,111,76)
```
#a86d43
```
#a86d43 rgb(168,109,67)
```
#b16c3a
```
#b16c3a rgb(177,108,58)
```
#ba6a31
```
#ba6a31 rgb(186,106,49)
```
#c36928
```
#c36928 rgb(195,105,40)
```
#cc671f
```
#cc671f rgb(204,103,31)
```
#d56516
```
#d56516 rgb(213,101,22)
```
#de640d
```
#de640d rgb(222,100,13)
```
#e76204
```
#e76204 rgb(231,98,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d796a Atypical Achromatopsia 0.001% of the population

Dichromacy

#988931 Protanopia 1% of men
#ab8220 Deuteranopia 1% of men
#d1686e Tritanopia 0.001% of the population

Trichromacy

#ab7c2a Protanomaly 1% of men, 0.01% of women
#b77820 Deuteranomaly 6% of men, 0.4% of women
#cf6751 Tritanomaly 0.01% of the population

#cc671f hex color

#cc671f Color Information

#cc671f Color Conversion

Color Schemes with #cc671f

Alternatives to #cc671f

#cc671f Preview

Shades and Tints of #cc671f

Tones of #cc671f

Color Blindness Simulator