#cc812f hex color

In a RGB color space, hex #cc812f is composed of 80% red, 50.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.8% magenta, 77% yellow and 20% black. It has a hue angle of 31.3 degrees, a saturation of 62.5% and a lightness of 49.2%. #cc812f color hex could be obtained by blending #ffff5e with #990300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 51
- B 18
RGB color chart
- C 0
- M 37
- Y 77
- K 20
CMYK color chart

● #cc812f color description : Strong orange.

The hexadecimal color #cc812f has RGB values of R:204, G:129, B:47 and CMYK values of C:0, M:0.37, Y:0.77, K:0.2. Its decimal value is 13402415.

Hex triplet	cc812f	`#cc812f`
RGB Decimal	204, 129, 47	`rgb(204,129,47)`
RGB Percent	80, 50.6, 18.4	`rgb(80%,50.6%,18.4%)`
CMYK	0, 37, 77, 20
HSL	31.3°, 62.5, 49.2	`hsl(31.3,62.5%,49.2%)`
HSV (or HSB)	31.3°, 77, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.556, 22.379, 53.886
XYZ	33.266, 28.746, 6.486
xyY	0.486, 0.42, 28.746
CIE-LCH	60.556, 58.348, 67.447
CIE-LUV	60.556, 60.727, 52.187
Hunter-Lab	53.615, 16.927, 30.358
Binary	11001100, 10000001, 00101111

#cc812f
```
#cc812f rgb(204,129,47)
```
#2f7acc
```
#2f7acc rgb(47,122,204)
```

Complementary Color

#cc332f
```
#cc332f rgb(204,51,47)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#c9cc2f
```
#c9cc2f rgb(201,204,47)
```

Analogous Color

#332fcc
```
#332fcc rgb(51,47,204)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#2fc9cc
```
#2fc9cc rgb(47,201,204)
```

Split Complementary Color

#812fcc
```
#812fcc rgb(129,47,204)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#2fcc81
```
#2fcc81 rgb(47,204,129)
```

Triadic Color

#cc2f7a
```
#cc2f7a rgb(204,47,122)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#2fcc81
```
#2fcc81 rgb(47,204,129)
```
#2f7acc
```
#2f7acc rgb(47,122,204)
```

Tetradic Color

#8e5a21
```
#8e5a21 rgb(142,90,33)
```
#a36725
```
#a36725 rgb(163,103,37)
```
#b7742a
```
#b7742a rgb(183,116,42)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#d38e41
```
#d38e41 rgb(211,142,65)
```
#d89a56
```
#d89a56 rgb(216,154,86)
```
#dda66b
```
#dda66b rgb(221,166,107)
```

Monochromatic Color

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

#cc5a2f
```
#cc5a2f rgb(204,90,47)
```
#cc672f
```
#cc672f rgb(204,103,47)
```
#cc742f
```
#cc742f rgb(204,116,47)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#cc8e2f
```
#cc8e2f rgb(204,142,47)
```
#cc9b2f
```
#cc9b2f rgb(204,155,47)
```
#cca82f
```
#cca82f rgb(204,168,47)
```

Similar Colors

Text with hexadecimal color #cc812f

This text has a font color of #cc812f.

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

#cc812f background color

This paragraph has a background color of #cc812f.

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

#cc812f border color

This element has a border color of #cc812f.

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

CSS codes

.text {color:#cc812f;}

.background {background-color:#cc812f;}

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

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, #0d0803 is the darkest color, while #fefdfc is the lightest one.

#0d0803
```
#0d0803 rgb(13,8,3)
```
#1d1207
```
#1d1207 rgb(29,18,7)
```
#2d1c0a
```
#2d1c0a rgb(45,28,10)
```
#3d260e
```
#3d260e rgb(61,38,14)
```
#4c3012
```
#4c3012 rgb(76,48,18)
```
#5c3a15
```
#5c3a15 rgb(92,58,21)
```
#6c4519
```
#6c4519 rgb(108,69,25)
```
#7c4f1d
```
#7c4f1d rgb(124,79,29)
```
#8c5920
```
#8c5920 rgb(140,89,32)
```
#9c6324
```
#9c6324 rgb(156,99,36)
```
#ac6d28
```
#ac6d28 rgb(172,109,40)
```
#bc772b
```
#bc772b rgb(188,119,43)
```
#cc812f
```
#cc812f rgb(204,129,47)
```

Shade Color Variation

#d28b3c
```
#d28b3c rgb(210,139,60)
```
#d6944c
```
#d6944c rgb(214,148,76)
```
#da9e5c
```
#da9e5c rgb(218,158,92)
```
#dda76c
```
#dda76c rgb(221,167,108)
```
#e1b17c
```
#e1b17c rgb(225,177,124)
```
#e5ba8c
```
#e5ba8c rgb(229,186,140)
```
#e8c49c
```
#e8c49c rgb(232,196,156)
```
#eccdac
```
#eccdac rgb(236,205,172)
```
#f0d7bc
```
#f0d7bc rgb(240,215,188)
```
#f3e0cc
```
#f3e0cc rgb(243,224,204)
```
#f7eadc
```
#f7eadc rgb(247,234,220)
```
#fbf4ec
```
#fbf4ec rgb(251,244,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7f7e7c
```
#7f7e7c rgb(127,126,124)
```
#887e73
```
#887e73 rgb(136,126,115)
```
#927e69
```
#927e69 rgb(146,126,105)
```
#9c7f5f
```
#9c7f5f rgb(156,127,95)
```
#a57f56
```
#a57f56 rgb(165,127,86)
```
#af804c
```
#af804c rgb(175,128,76)
```
#b98042
```
#b98042 rgb(185,128,66)
```
#c28139
```
#c28139 rgb(194,129,57)
```
#cc812f
```
#cc812f rgb(204,129,47)
```
#d68125
```
#d68125 rgb(214,129,37)
```
#df821c
```
#df821c rgb(223,130,28)
```
#e98212
```
#e98212 rgb(233,130,18)
```
#f38308
```
#f38308 rgb(243,131,8)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a8b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8973e Protanopia 1% of men
#bc9036 Deuteranopia 1% of men
#d37f88 Tritanopia 0.001% of the population

Trichromacy

#b58f38 Protanomaly 1% of men, 0.01% of women
#c18a33 Deuteranomaly 6% of men, 0.4% of women
#d08067 Tritanomaly 0.01% of the population

#cc812f hex color

#cc812f Color Information

#cc812f Color Conversion

Color Schemes with #cc812f

Alternatives to #cc812f

#cc812f Preview

Shades and Tints of #cc812f

Tones of #cc812f

Color Blindness Simulator