#c86d22 hex color

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

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

● #c86d22 color description : Strong orange.

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

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

CIE-LAB	55.415, 31.003, 54.189
XYZ	29.578, 23.335, 4.46
xyY	0.516, 0.407, 23.335
CIE-LCH	55.415, 62.431, 60.225
CIE-LUV	55.415, 74.362, 47.602
Hunter-Lab	48.306, 24.76, 28.34
Binary	11001000, 01101101, 00100010

#c86d22
```
#c86d22 rgb(200,109,34)
```
#227dc8
```
#227dc8 rgb(34,125,200)
```

Complementary Color

#c8222a
```
#c8222a rgb(200,34,42)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#c8c022
```
#c8c022 rgb(200,192,34)
```

Analogous Color

#222ac8
```
#222ac8 rgb(34,42,200)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#22c8c0
```
#22c8c0 rgb(34,200,192)
```

Split Complementary Color

#6d22c8
```
#6d22c8 rgb(109,34,200)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#22c86d
```
#22c86d rgb(34,200,109)
```

Triadic Color

#c8227d
```
#c8227d rgb(200,34,125)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#22c86d
```
#22c86d rgb(34,200,109)
```
#227dc8
```
#227dc8 rgb(34,125,200)
```

Tetradic Color

#874917
```
#874917 rgb(135,73,23)
```
#9c551b
```
#9c551b rgb(156,85,27)
```
#b2611e
```
#b2611e rgb(178,97,30)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#db7929
```
#db7929 rgb(219,121,41)
```
#de873f
```
#de873f rgb(222,135,63)
```
#e29454
```
#e29454 rgb(226,148,84)
```

Monochromatic Color

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

#c84322
```
#c84322 rgb(200,67,34)
```
#c85122
```
#c85122 rgb(200,81,34)
```
#c85f22
```
#c85f22 rgb(200,95,34)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#c87b22
```
#c87b22 rgb(200,123,34)
```
#c88922
```
#c88922 rgb(200,137,34)
```
#c89722
```
#c89722 rgb(200,151,34)
```

Similar Colors

Text with hexadecimal color #c86d22

This text has a font color of #c86d22.

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

#c86d22 background color

This paragraph has a background color of #c86d22.

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

#c86d22 border color

This element has a border color of #c86d22.

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

CSS codes

.text {color:#c86d22;}

.background {background-color:#c86d22;}

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

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)
```
#201205
```
#201205 rgb(32,18,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)
```
#965219
```
#965219 rgb(150,82,25)
```
#a65b1c
```
#a65b1c rgb(166,91,28)
```
#b7641f
```
#b7641f rgb(183,100,31)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#d97625
```
#d97625 rgb(217,118,37)
```

Shade Color Variation

#dd8135
```
#dd8135 rgb(221,129,53)
```
#df8b45
```
#df8b45 rgb(223,139,69)
```
#e29556
```
#e29556 rgb(226,149,86)
```
#e5a067
```
#e5a067 rgb(229,160,103)
```
#e8aa78
```
#e8aa78 rgb(232,170,120)
```
#ebb588
```
#ebb588 rgb(235,181,136)
```
#eebf99
```
#eebf99 rgb(238,191,153)
```
#f1caaa
```
#f1caaa rgb(241,202,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 #e36a07 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)
```
#ad703d
```
#ad703d rgb(173,112,61)
```
#b66f34
```
#b66f34 rgb(182,111,52)
```
#bf6e2b
```
#bf6e2b rgb(191,110,43)
```
#c86d22
```
#c86d22 rgb(200,109,34)
```
#d16c19
```
#d16c19 rgb(209,108,25)
```
#da6b10
```
#da6b10 rgb(218,107,16)
```
#e36a07
```
#e36a07 rgb(227,106,7)
```

Tone Color Variation

Below, you can see how #c86d22 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
#8e7c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b33 Protanopia 1% of men
#ad8426 Deuteranopia 1% of men
#ce6d74 Tritanopia 0.001% of the population

Trichromacy

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

#c86d22 hex color

#c86d22 Color Information

#c86d22 Color Conversion

Color Schemes with #c86d22

Alternatives to #c86d22

#c86d22 Preview

Shades and Tints of #c86d22

Tones of #c86d22

Color Blindness Simulator