#c7701f hex color

In a RGB color space, hex #c7701f is composed of 78% red, 43.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.7% magenta, 84.4% yellow and 22% black. It has a hue angle of 28.9 degrees, a saturation of 73% and a lightness of 45.1%. #c7701f color hex could be obtained by blending #ffe03e 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

● #c7701f color description : Strong orange.

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

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

CIE-LAB	55.919, 28.9, 55.692
XYZ	29.596, 23.832, 4.338
xyY	0.512, 0.413, 23.832
CIE-LCH	55.919, 62.744, 62.574
CIE-LUV	55.919, 71.279, 49.261
Hunter-Lab	48.818, 22.784, 28.904
Binary	11000111, 01110000, 00011111

#c7701f
```
#c7701f rgb(199,112,31)
```
#1f76c7
```
#1f76c7 rgb(31,118,199)
```

Complementary Color

#c71f22
```
#c71f22 rgb(199,31,34)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#c7c41f
```
#c7c41f rgb(199,196,31)
```

Analogous Color

#1f22c7
```
#1f22c7 rgb(31,34,199)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#1fc7c4
```
#1fc7c4 rgb(31,199,196)
```

Split Complementary Color

#701fc7
```
#701fc7 rgb(112,31,199)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#1fc770
```
#1fc770 rgb(31,199,112)
```

Triadic Color

#c71f76
```
#c71f76 rgb(199,31,118)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#1fc770
```
#1fc770 rgb(31,199,112)
```
#1f76c7
```
#1f76c7 rgb(31,118,199)
```

Tetradic Color

#854b15
```
#854b15 rgb(133,75,21)
```
#9b5718
```
#9b5718 rgb(155,87,24)
```
#b1641c
```
#b1641c rgb(177,100,28)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#dd7c23
```
#dd7c23 rgb(221,124,35)
```
#e08a39
```
#e08a39 rgb(224,138,57)
```
#e4974f
```
#e4974f rgb(228,151,79)
```

Monochromatic Color

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

#c7461f
```
#c7461f rgb(199,70,31)
```
#c7541f
```
#c7541f rgb(199,84,31)
```
#c7621f
```
#c7621f rgb(199,98,31)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#c77e1f
```
#c77e1f rgb(199,126,31)
```
#c78c1f
```
#c78c1f rgb(199,140,31)
```
#c79a1f
```
#c79a1f rgb(199,154,31)
```

Similar Colors

Text with hexadecimal color #c7701f

This text has a font color of #c7701f.

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

#c7701f background color

This paragraph has a background color of #c7701f.

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

#c7701f border color

This element has a border color of #c7701f.

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

CSS codes

.text {color:#c7701f;}

.background {background-color:#c7701f;}

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

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)
```
#3f240a
```
#3f240a rgb(63,36,10)
```
#502d0c
```
#502d0c rgb(80,45,12)
```
#61370f
```
#61370f rgb(97,55,15)
```
#724012
```
#724012 rgb(114,64,18)
```
#834a14
```
#834a14 rgb(131,74,20)
```
#945317
```
#945317 rgb(148,83,23)
```
#a55d1a
```
#a55d1a rgb(165,93,26)
```
#b6661c
```
#b6661c rgb(182,102,28)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#d87a22
```
#d87a22 rgb(216,122,34)
```

Shade Color Variation

#df832f
```
#df832f rgb(223,131,47)
```
#e18e40
```
#e18e40 rgb(225,142,64)
```
#e49851
```
#e49851 rgb(228,152,81)
```
#e6a262
```
#e6a262 rgb(230,162,98)
```
#e9ac73
```
#e9ac73 rgb(233,172,115)
```
#ecb684
```
#ecb684 rgb(236,182,132)
```
#eec095
```
#eec095 rgb(238,192,149)
```
#f1caa5
```
#f1caa5 rgb(241,202,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 #e26f04 is the most saturated one.

#77736f
```
#77736f rgb(119,115,111)
```
#807366
```
#807366 rgb(128,115,102)
```
#89725d
```
#89725d rgb(137,114,93)
```
#927254
```
#927254 rgb(146,114,84)
```
#9b724b
```
#9b724b rgb(155,114,75)
```
#a47142
```
#a47142 rgb(164,113,66)
```
#ac713a
```
#ac713a rgb(172,113,58)
```
#b57131
```
#b57131 rgb(181,113,49)
```
#be7028
```
#be7028 rgb(190,112,40)
```
#c7701f
```
#c7701f rgb(199,112,31)
```
#d07016
```
#d07016 rgb(208,112,22)
```
#d96f0d
```
#d96f0d rgb(217,111,13)
```
#e26f04
```
#e26f04 rgb(226,111,4)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8f7e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c30 Protanopia 1% of men
#ae8523 Deuteranopia 1% of men
#cd7077 Tritanopia 0.001% of the population

Trichromacy

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

#c7701f hex color

#c7701f Color Information

#c7701f Color Conversion

Color Schemes with #c7701f

Alternatives to #c7701f

#c7701f Preview

Shades and Tints of #c7701f

Tones of #c7701f

Color Blindness Simulator