#c86c22 hex color

In a RGB color space, hex #c86c22 is composed of 78.4% red, 42.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 83% yellow and 21.6% black. It has a hue angle of 26.7 degrees, a saturation of 70.9% and a lightness of 45.9%. #c86c22 color hex could be obtained by blending #ffd844 with #910000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 78
- G 42
- B 13
RGB color chart
- C 0
- M 46
- Y 83
- K 22
CMYK color chart

● #c86c22 color description : Strong orange.

The hexadecimal color #c86c22 has RGB values of R:200, G:108, B:34 and CMYK values of C:0, M:0.46, Y:0.83, K:0.22. Its decimal value is 13134882.

Hex triplet	c86c22	`#c86c22`
RGB Decimal	200, 108, 34	`rgb(200,108,34)`
RGB Percent	78.4, 42.4, 13.3	`rgb(78.4%,42.4%,13.3%)`
CMYK	0, 46, 83, 22
HSL	26.7°, 70.9, 45.9	`hsl(26.7,70.9%,45.9%)`
HSV (or HSB)	26.7°, 83, 78.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.198, 31.533, 53.997
XYZ	29.472, 23.123, 4.424
xyY	0.517, 0.406, 23.123
CIE-LCH	55.198, 62.53, 59.716
CIE-LUV	55.198, 75.172, 47.24
Hunter-Lab	48.086, 25.252, 28.205
Binary	11001000, 01101100, 00100010

#c86c22
```
#c86c22 rgb(200,108,34)
```
#227ec8
```
#227ec8 rgb(34,126,200)
```

Complementary Color

#c8222b
```
#c8222b rgb(200,34,43)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#c8bf22
```
#c8bf22 rgb(200,191,34)
```

Analogous Color

#222bc8
```
#222bc8 rgb(34,43,200)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#22c8bf
```
#22c8bf rgb(34,200,191)
```

Split Complementary Color

#6c22c8
```
#6c22c8 rgb(108,34,200)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#22c86c
```
#22c86c rgb(34,200,108)
```

Triadic Color

#c8227e
```
#c8227e rgb(200,34,126)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#22c86c
```
#22c86c rgb(34,200,108)
```
#227ec8
```
#227ec8 rgb(34,126,200)
```

Tetradic Color

#874917
```
#874917 rgb(135,73,23)
```
#9c541b
```
#9c541b rgb(156,84,27)
```
#b2601e
```
#b2601e rgb(178,96,30)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#db7829
```
#db7829 rgb(219,120,41)
```
#de863f
```
#de863f rgb(222,134,63)
```
#e29454
```
#e29454 rgb(226,148,84)
```

Monochromatic Color

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

#c84222
```
#c84222 rgb(200,66,34)
```
#c85022
```
#c85022 rgb(200,80,34)
```
#c85e22
```
#c85e22 rgb(200,94,34)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#c87a22
```
#c87a22 rgb(200,122,34)
```
#c88822
```
#c88822 rgb(200,136,34)
```
#c89622
```
#c89622 rgb(200,150,34)
```

Similar Colors

Text with hexadecimal color #c86c22

This text has a font color of #c86c22.

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

#c86c22 background color

This paragraph has a background color of #c86c22.

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

#c86c22 border color

This element has a border color of #c86c22.

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

CSS codes

.text {color:#c86c22;}

.background {background-color:#c86c22;}

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

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, #100803 is the darkest color, while #fffefe is the lightest one.

#100803
```
#100803 rgb(16,8,3)
```
#201105
```
#201105 rgb(32,17,5)
```
#311b08
```
#311b08 rgb(49,27,8)
```
#42240b
```
#42240b rgb(66,36,11)
```
#532d0e
```
#532d0e rgb(83,45,14)
```
#633611
```
#633611 rgb(99,54,17)
```
#743f14
```
#743f14 rgb(116,63,20)
```
#854817
```
#854817 rgb(133,72,23)
```
#965119
```
#965119 rgb(150,81,25)
```
#a65a1c
```
#a65a1c rgb(166,90,28)
```
#b7631f
```
#b7631f rgb(183,99,31)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#d97525
```
#d97525 rgb(217,117,37)
```

Shade Color Variation

#dd8035
```
#dd8035 rgb(221,128,53)
```
#df8a45
```
#df8a45 rgb(223,138,69)
```
#e29556
```
#e29556 rgb(226,149,86)
```
#e59f67
```
#e59f67 rgb(229,159,103)
```
#e8aa78
```
#e8aa78 rgb(232,170,120)
```
#ebb488
```
#ebb488 rgb(235,180,136)
```
#eebf99
```
#eebf99 rgb(238,191,153)
```
#f1c9aa
```
#f1c9aa rgb(241,201,170)
```
#f3d4bb
```
#f3d4bb rgb(243,212,187)
```
#f6dfcc
```
#f6dfcc rgb(246,223,204)
```
#f9e9dc
```
#f9e9dc rgb(249,233,220)
```
#fcf4ed
```
#fcf4ed rgb(252,244,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#777573
```
#777573 rgb(119,117,115)
```
#80746a
```
#80746a rgb(128,116,106)
```
#897361
```
#897361 rgb(137,115,97)
```
#927258
```
#927258 rgb(146,114,88)
```
#9b714f
```
#9b714f rgb(155,113,79)
```
#a47046
```
#a47046 rgb(164,112,70)
```
#ad6f3d
```
#ad6f3d rgb(173,111,61)
```
#b66e34
```
#b66e34 rgb(182,110,52)
```
#bf6d2b
```
#bf6d2b rgb(191,109,43)
```
#c86c22
```
#c86c22 rgb(200,108,34)
```
#d16b19
```
#d16b19 rgb(209,107,25)
```
#da6a10
```
#da6a10 rgb(218,106,16)
```
#e36907
```
#e36907 rgb(227,105,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8e7b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a33 Protanopia 1% of men
#ac8325 Deuteranopia 1% of men
#ce6c73 Tritanopia 0.001% of the population

Trichromacy

#aa7f2d Protanomaly 1% of men, 0.01% of women
#b67b24 Deuteranomaly 6% of men, 0.4% of women
#cb6c56 Tritanomaly 0.01% of the population

#c86c22 hex color

#c86c22 Color Information

#c86c22 Color Conversion

Color Schemes with #c86c22

Alternatives to #c86c22

#c86c22 Preview

Shades and Tints of #c86c22

Tones of #c86c22

Color Blindness Simulator