#c86a2f hex color

In a RGB color space, hex #c86a2f is composed of 78.4% red, 41.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47% magenta, 76.5% yellow and 21.6% black. It has a hue angle of 23.1 degrees, a saturation of 61.9% and a lightness of 48.4%. #c86a2f color hex could be obtained by blending #ffd45e with #910000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 78
- G 42
- B 18
RGB color chart
- C 0
- M 47
- Y 77
- K 22
CMYK color chart

● #c86a2f color description : Strong orange.

The hexadecimal color #c86a2f has RGB values of R:200, G:106, B:47 and CMYK values of C:0, M:0.47, Y:0.77, K:0.22. Its decimal value is 13134383.

Hex triplet	c86a2f	`#c86a2f`
RGB Decimal	200, 106, 47	`rgb(200,106,47)`
RGB Percent	78.4, 41.6, 18.4	`rgb(78.4%,41.6%,18.4%)`
CMYK	0, 47, 77, 22
HSL	23.1°, 61.9, 48.4	`hsl(23.1,61.9%,48.4%)`
HSV (or HSB)	23.1°, 76.5, 78.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.861, 33.048, 48.08
XYZ	29.488, 22.795, 5.536
xyY	0.51, 0.394, 22.795
CIE-LCH	54.861, 58.343, 55.497
CIE-LUV	54.861, 75.695, 43.066
Hunter-Lab	47.744, 26.691, 26.546
Binary	11001000, 01101010, 00101111

#c86a2f
```
#c86a2f rgb(200,106,47)
```
#2f8dc8
```
#2f8dc8 rgb(47,141,200)
```

Complementary Color

#c82f40
```
#c82f40 rgb(200,47,64)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#c8b72f
```
#c8b72f rgb(200,183,47)
```

Analogous Color

#2f41c8
```
#2f41c8 rgb(47,65,200)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#2fc8b7
```
#2fc8b7 rgb(47,200,183)
```

Split Complementary Color

#6a2fc8
```
#6a2fc8 rgb(106,47,200)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#2fc86a
```
#2fc86a rgb(47,200,106)
```

Triadic Color

#c82f8d
```
#c82f8d rgb(200,47,141)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#2fc86a
```
#2fc86a rgb(47,200,106)
```
#2f8dc8
```
#2f8dc8 rgb(47,141,200)
```

Tetradic Color

#8a4920
```
#8a4920 rgb(138,73,32)
```
#9f5425
```
#9f5425 rgb(159,84,37)
```
#b35f2a
```
#b35f2a rgb(179,95,42)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#d2773f
```
#d2773f rgb(210,119,63)
```
#d78653
```
#d78653 rgb(215,134,83)
```
#dc9568
```
#dc9568 rgb(220,149,104)
```

Monochromatic Color

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

#c8442f
```
#c8442f rgb(200,68,47)
```
#c8502f
```
#c8502f rgb(200,80,47)
```
#c85d2f
```
#c85d2f rgb(200,93,47)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#c8772f
```
#c8772f rgb(200,119,47)
```
#c8842f
```
#c8842f rgb(200,132,47)
```
#c8902f
```
#c8902f rgb(200,144,47)
```

Similar Colors

Text with hexadecimal color #c86a2f

This text has a font color of #c86a2f.

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

#c86a2f background color

This paragraph has a background color of #c86a2f.

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

#c86a2f border color

This element has a border color of #c86a2f.

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

CSS codes

.text {color:#c86a2f;}

.background {background-color:#c86a2f;}

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

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

#090502
```
#090502 rgb(9,5,2)
```
#190d06
```
#190d06 rgb(25,13,6)
```
#29160a
```
#29160a rgb(41,22,10)
```
#391e0d
```
#391e0d rgb(57,30,13)
```
#492711
```
#492711 rgb(73,39,17)
```
#592f15
```
#592f15 rgb(89,47,21)
```
#693719
```
#693719 rgb(105,55,25)
```
#79401c
```
#79401c rgb(121,64,28)
```
#884820
```
#884820 rgb(136,72,32)
```
#985124
```
#985124 rgb(152,81,36)
```
#a85928
```
#a85928 rgb(168,89,40)
```
#b8622b
```
#b8622b rgb(184,98,43)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```

Shade Color Variation

#d1743a
```
#d1743a rgb(209,116,58)
```
#d47f4a
```
#d47f4a rgb(212,127,74)
```
#d88a5a
```
#d88a5a rgb(216,138,90)
```
#dc966a
```
#dc966a rgb(220,150,106)
```
#e0a179
```
#e0a179 rgb(224,161,121)
```
#e3ac89
```
#e3ac89 rgb(227,172,137)
```
#e7b799
```
#e7b799 rgb(231,183,153)
```
#ebc2a9
```
#ebc2a9 rgb(235,194,169)
```
#efceb9
```
#efceb9 rgb(239,206,185)
```
#f2d9c9
```
#f2d9c9 rgb(242,217,201)
```
#f6e4d9
```
#f6e4d9 rgb(246,228,217)
```
#faefe9
```
#faefe9 rgb(250,239,233)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#7c7b7b
```
#7c7b7b rgb(124,123,123)
```
#867972
```
#867972 rgb(134,121,114)
```
#8f7768
```
#8f7768 rgb(143,119,104)
```
#99755f
```
#99755f rgb(153,117,95)
```
#a27355
```
#a27355 rgb(162,115,85)
```
#ac714c
```
#ac714c rgb(172,113,76)
```
#b56e42
```
#b56e42 rgb(181,110,66)
```
#bf6c39
```
#bf6c39 rgb(191,108,57)
```
#c86a2f
```
#c86a2f rgb(200,106,47)
```
#d26826
```
#d26826 rgb(210,104,38)
```
#db661c
```
#db661c rgb(219,102,28)
```
#e56313
```
#e56313 rgb(229,99,19)
```
#ee6109
```
#ee6109 rgb(238,97,9)
```

Tone Color Variation

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

Dichromacy

#988940 Protanopia 1% of men
#aa8333 Deuteranopia 1% of men
#cd6b72 Tritanopia 0.001% of the population

Trichromacy

#a97e3a Protanomaly 1% of men, 0.01% of women
#b57a32 Deuteranomaly 6% of men, 0.4% of women
#cb6b59 Tritanomaly 0.01% of the population

#c86a2f hex color

#c86a2f Color Information

#c86a2f Color Conversion

Color Schemes with #c86a2f

Alternatives to #c86a2f

#c86a2f Preview

Shades and Tints of #c86a2f

Tones of #c86a2f

Color Blindness Simulator