#c7731f hex color

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

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

● #c7731f color description : Strong orange.

The hexadecimal color #c7731f has RGB values of R:199, G:115, B:31 and CMYK values of C:0, M:0.42, Y:0.84, K:0.22. Its decimal value is 13071135.

Hex triplet	c7731f	`#c7731f`
RGB Decimal	199, 115, 31	`rgb(199,115,31)`
RGB Percent	78, 45.1, 12.2	`rgb(78%,45.1%,12.2%)`
CMYK	0, 42, 84, 22
HSL	30°, 73, 45.1	`hsl(30,73%,45.1%)`
HSV (or HSB)	30°, 84.4, 78
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.59, 27.288, 56.264
XYZ	29.932, 24.505, 4.45
xyY	0.508, 0.416, 24.505
CIE-LCH	56.59, 62.533, 64.126
CIE-LUV	56.59, 68.839, 50.361
Hunter-Lab	49.502, 21.303, 29.322
Binary	11000111, 01110011, 00011111

#c7731f
```
#c7731f rgb(199,115,31)
```
#1f73c7
```
#1f73c7 rgb(31,115,199)
```

Complementary Color

#c71f1f
```
#c71f1f rgb(199,31,31)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#c7c71f
```
#c7c71f rgb(199,199,31)
```

Analogous Color

#1f1fc7
```
#1f1fc7 rgb(31,31,199)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#1fc7c7
```
#1fc7c7 rgb(31,199,199)
```

Split Complementary Color

#731fc7
```
#731fc7 rgb(115,31,199)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#1fc773
```
#1fc773 rgb(31,199,115)
```

Triadic Color

#c71f73
```
#c71f73 rgb(199,31,115)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#1fc773
```
#1fc773 rgb(31,199,115)
```
#1f73c7
```
#1f73c7 rgb(31,115,199)
```

Tetradic Color

#854d15
```
#854d15 rgb(133,77,21)
```
#9b5a18
```
#9b5a18 rgb(155,90,24)
```
#b1661c
```
#b1661c rgb(177,102,28)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#dd8023
```
#dd8023 rgb(221,128,35)
```
#e08d39
```
#e08d39 rgb(224,141,57)
```
#e4994f
```
#e4994f rgb(228,153,79)
```

Monochromatic Color

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

#c7491f
```
#c7491f rgb(199,73,31)
```
#c7571f
```
#c7571f rgb(199,87,31)
```
#c7651f
```
#c7651f rgb(199,101,31)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#c7811f
```
#c7811f rgb(199,129,31)
```
#c78f1f
```
#c78f1f rgb(199,143,31)
```
#c79d1f
```
#c79d1f rgb(199,157,31)
```

Similar Colors

Text with hexadecimal color #c7731f

This text has a font color of #c7731f.

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

#c7731f background color

This paragraph has a background color of #c7731f.

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

#c7731f border color

This element has a border color of #c7731f.

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

CSS codes

.text {color:#c7731f;}

.background {background-color:#c7731f;}

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

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)
```
#1d1105
```
#1d1105 rgb(29,17,5)
```
#2e1b07
```
#2e1b07 rgb(46,27,7)
```
#3f250a
```
#3f250a rgb(63,37,10)
```
#502e0c
```
#502e0c rgb(80,46,12)
```
#61380f
```
#61380f rgb(97,56,15)
```
#724212
```
#724212 rgb(114,66,18)
```
#834c14
```
#834c14 rgb(131,76,20)
```
#945617
```
#945617 rgb(148,86,23)
```
#a55f1a
```
#a55f1a rgb(165,95,26)
```
#b6691c
```
#b6691c rgb(182,105,28)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#d87d22
```
#d87d22 rgb(216,125,34)
```

Shade Color Variation

#df872f
```
#df872f rgb(223,135,47)
```
#e19040
```
#e19040 rgb(225,144,64)
```
#e49a51
```
#e49a51 rgb(228,154,81)
```
#e6a462
```
#e6a462 rgb(230,164,98)
```
#e9ae73
```
#e9ae73 rgb(233,174,115)
```
#ecb884
```
#ecb884 rgb(236,184,132)
```
#eec195
```
#eec195 rgb(238,193,149)
```
#f1cba5
```
#f1cba5 rgb(241,203,165)
```
#f4d5b6
```
#f4d5b6 rgb(244,213,182)
```
#f6dfc7
```
#f6dfc7 rgb(246,223,199)
```
#f9e9d8
```
#f9e9d8 rgb(249,233,216)
```
#fcf3e9
```
#fcf3e9 rgb(252,243,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 #e27304 is the most saturated one.

#77736f
```
#77736f rgb(119,115,111)
```
#807366
```
#807366 rgb(128,115,102)
```
#89735d
```
#89735d rgb(137,115,93)
```
#927354
```
#927354 rgb(146,115,84)
```
#9b734b
```
#9b734b rgb(155,115,75)
```
#a47342
```
#a47342 rgb(164,115,66)
```
#ac733a
```
#ac733a rgb(172,115,58)
```
#b57331
```
#b57331 rgb(181,115,49)
```
#be7328
```
#be7328 rgb(190,115,40)
```
#c7731f
```
#c7731f rgb(199,115,31)
```
#d07316
```
#d07316 rgb(208,115,22)
```
#d9730d
```
#d9730d rgb(217,115,13)
```
#e27304
```
#e27304 rgb(226,115,4)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#91806f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e2f Protanopia 1% of men
#b08723 Deuteranopia 1% of men
#cd727a Tritanopia 0.001% of the population

Trichromacy

#ad8429 Protanomaly 1% of men, 0.01% of women
#b87f22 Deuteranomaly 6% of men, 0.4% of women
#cb7259 Tritanomaly 0.01% of the population

#c7731f hex color

#c7731f Color Information

#c7731f Color Conversion

Color Schemes with #c7731f

Alternatives to #c7731f

#c7731f Preview

Shades and Tints of #c7731f

Tones of #c7731f

Color Blindness Simulator