#c76f1f hex color

In a RGB color space, hex #c76f1f is composed of 78% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.2% magenta, 84.4% yellow and 22% black. It has a hue angle of 28.6 degrees, a saturation of 73% and a lightness of 45.1%. #c76f1f color hex could be obtained by blending #ffde3e with #8f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 78
- G 44
- B 12
RGB color chart
- C 0
- M 44
- Y 84
- K 22
CMYK color chart

● #c76f1f color description : Strong orange.

The hexadecimal color #c76f1f has RGB values of R:199, G:111, B:31 and CMYK values of C:0, M:0.44, Y:0.84, K:0.22. Its decimal value is 13070111.

Hex triplet	c76f1f	`#c76f1f`
RGB Decimal	199, 111, 31	`rgb(199,111,31)`
RGB Percent	78, 43.5, 12.2	`rgb(78%,43.5%,12.2%)`
CMYK	0, 44, 84, 22
HSL	28.6°, 73, 45.1	`hsl(28.6,73%,45.1%)`
HSV (or HSB)	28.6°, 84.4, 78
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.698, 29.435, 55.502
XYZ	29.486, 23.612, 4.301
xyY	0.514, 0.411, 23.612
CIE-LCH	55.698, 62.825, 62.061
CIE-LUV	55.698, 72.092, 48.897
Hunter-Lab	48.593, 23.276, 28.767
Binary	11000111, 01101111, 00011111

#c76f1f
```
#c76f1f rgb(199,111,31)
```
#1f77c7
```
#1f77c7 rgb(31,119,199)
```

Complementary Color

#c71f23
```
#c71f23 rgb(199,31,35)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#c7c31f
```
#c7c31f rgb(199,195,31)
```

Analogous Color

#1f23c7
```
#1f23c7 rgb(31,35,199)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#1fc7c3
```
#1fc7c3 rgb(31,199,195)
```

Split Complementary Color

#6f1fc7
```
#6f1fc7 rgb(111,31,199)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#1fc76f
```
#1fc76f rgb(31,199,111)
```

Triadic Color

#c71f77
```
#c71f77 rgb(199,31,119)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#1fc76f
```
#1fc76f rgb(31,199,111)
```
#1f77c7
```
#1f77c7 rgb(31,119,199)
```

Tetradic Color

#854a15
```
#854a15 rgb(133,74,21)
```
#9b5618
```
#9b5618 rgb(155,86,24)
```
#b1631c
```
#b1631c rgb(177,99,28)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#dd7b23
```
#dd7b23 rgb(221,123,35)
```
#e08939
```
#e08939 rgb(224,137,57)
```
#e4964f
```
#e4964f rgb(228,150,79)
```

Monochromatic Color

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

#c7451f
```
#c7451f rgb(199,69,31)
```
#c7531f
```
#c7531f rgb(199,83,31)
```
#c7611f
```
#c7611f rgb(199,97,31)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#c77d1f
```
#c77d1f rgb(199,125,31)
```
#c78b1f
```
#c78b1f rgb(199,139,31)
```
#c7991f
```
#c7991f rgb(199,153,31)
```

Similar Colors

Text with hexadecimal color #c76f1f

This text has a font color of #c76f1f.

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

#c76f1f background color

This paragraph has a background color of #c76f1f.

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

#c76f1f border color

This element has a border color of #c76f1f.

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

CSS codes

.text {color:#c76f1f;}

.background {background-color:#c76f1f;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1005
```
#1d1005 rgb(29,16,5)
```
#2e1a07
```
#2e1a07 rgb(46,26,7)
```
#3f230a
```
#3f230a rgb(63,35,10)
```
#502d0c
```
#502d0c rgb(80,45,12)
```
#61360f
```
#61360f rgb(97,54,15)
```
#724012
```
#724012 rgb(114,64,18)
```
#834914
```
#834914 rgb(131,73,20)
```
#945317
```
#945317 rgb(148,83,23)
```
#a55c1a
```
#a55c1a rgb(165,92,26)
```
#b6661c
```
#b6661c rgb(182,102,28)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#d87822
```
#d87822 rgb(216,120,34)
```

Shade Color Variation

#df822f
```
#df822f rgb(223,130,47)
```
#e18d40
```
#e18d40 rgb(225,141,64)
```
#e49751
```
#e49751 rgb(228,151,81)
```
#e6a162
```
#e6a162 rgb(230,161,98)
```
#e9ab73
```
#e9ab73 rgb(233,171,115)
```
#ecb584
```
#ecb584 rgb(236,181,132)
```
#eebf95
```
#eebf95 rgb(238,191,149)
```
#f1c9a5
```
#f1c9a5 rgb(241,201,165)
```
#f4d4b6
```
#f4d4b6 rgb(244,212,182)
```
#f6dec7
```
#f6dec7 rgb(246,222,199)
```
#f9e8d8
```
#f9e8d8 rgb(249,232,216)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#77736f
```
#77736f rgb(119,115,111)
```
#807266
```
#807266 rgb(128,114,102)
```
#89725d
```
#89725d rgb(137,114,93)
```
#927254
```
#927254 rgb(146,114,84)
```
#9b714b
```
#9b714b rgb(155,113,75)
```
#a47142
```
#a47142 rgb(164,113,66)
```
#ac703a
```
#ac703a rgb(172,112,58)
```
#b57031
```
#b57031 rgb(181,112,49)
```
#be6f28
```
#be6f28 rgb(190,111,40)
```
#c76f1f
```
#c76f1f rgb(199,111,31)
```
#d06f16
```
#d06f16 rgb(208,111,22)
```
#d96e0d
```
#d96e0d rgb(217,110,13)
```
#e26e04
```
#e26e04 rgb(226,110,4)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8e7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b30 Protanopia 1% of men
#ae8523 Deuteranopia 1% of men
#cd6f76 Tritanopia 0.001% of the population

Trichromacy

#ab8129 Protanomaly 1% of men, 0.01% of women
#b77d21 Deuteranomaly 6% of men, 0.4% of women
#cb6f56 Tritanomaly 0.01% of the population

#c76f1f hex color

#c76f1f Color Information

#c76f1f Color Conversion

Color Schemes with #c76f1f

Alternatives to #c76f1f

#c76f1f Preview

Shades and Tints of #c76f1f

Tones of #c76f1f

Color Blindness Simulator