#a86c1f hex color

In a RGB color space, hex #a86c1f is composed of 65.9% red, 42.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 33.7 degrees, a saturation of 68.8% and a lightness of 39%. #a86c1f color hex could be obtained by blending #ffd83e with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 42
- B 12
RGB color chart
- C 0
- M 36
- Y 82
- K 34
CMYK color chart

● #a86c1f color description : Dark orange [Brown tone].

The hexadecimal color #a86c1f has RGB values of R:168, G:108, B:31 and CMYK values of C:0, M:0.36, Y:0.82, K:0.34. Its decimal value is 11037727.

Hex triplet	a86c1f	`#a86c1f`
RGB Decimal	168, 108, 31	`rgb(168,108,31)`
RGB Percent	65.9, 42.4, 12.2	`rgb(65.9%,42.4%,12.2%)`
CMYK	0, 36, 82, 34
HSL	33.7°, 68.8, 39	`hsl(33.7,68.8%,39%)`
HSV (or HSB)	33.7°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.863, 17.668, 49.655
XYZ	21.759, 19.15, 3.847
xyY	0.486, 0.428, 19.15
CIE-LCH	50.863, 52.705, 70.414
CIE-LUV	50.863, 48.715, 45.846
Hunter-Lab	43.761, 12.172, 25.421
Binary	10101000, 01101100, 00011111

#a86c1f
```
#a86c1f rgb(168,108,31)
```
#1f5ba8
```
#1f5ba8 rgb(31,91,168)
```

Complementary Color

#a8281f
```
#a8281f rgb(168,40,31)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#a0a81f
```
#a0a81f rgb(160,168,31)
```

Analogous Color

#281fa8
```
#281fa8 rgb(40,31,168)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#1fa0a8
```
#1fa0a8 rgb(31,160,168)
```

Split Complementary Color

#6c1fa8
```
#6c1fa8 rgb(108,31,168)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#1fa86c
```
#1fa86c rgb(31,168,108)
```

Triadic Color

#a81f5b
```
#a81f5b rgb(168,31,91)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#1fa86c
```
#1fa86c rgb(31,168,108)
```
#1f5ba8
```
#1f5ba8 rgb(31,91,168)
```

Tetradic Color

#674213
```
#674213 rgb(103,66,19)
```
#7d5017
```
#7d5017 rgb(125,80,23)
```
#925e1b
```
#925e1b rgb(146,94,27)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#be7a23
```
#be7a23 rgb(190,122,35)
```
#d38827
```
#d38827 rgb(211,136,39)
```
#da9439
```
#da9439 rgb(218,148,57)
```

Monochromatic Color

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

#a84a1f
```
#a84a1f rgb(168,74,31)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#a8611f
```
#a8611f rgb(168,97,31)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#a8771f
```
#a8771f rgb(168,119,31)
```
#a8831f
```
#a8831f rgb(168,131,31)
```
#a88e1f
```
#a88e1f rgb(168,142,31)
```

Similar Colors

Text with hexadecimal color #a86c1f

This text has a font color of #a86c1f.

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

#a86c1f background color

This paragraph has a background color of #a86c1f.

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

#a86c1f border color

This element has a border color of #a86c1f.

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

CSS codes

.text {color:#a86c1f;}

.background {background-color:#a86c1f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130c03
```
#130c03 rgb(19,12,3)
```
#241707
```
#241707 rgb(36,23,7)
```
#34210a
```
#34210a rgb(52,33,10)
```
#452c0d
```
#452c0d rgb(69,44,13)
```
#553710
```
#553710 rgb(85,55,16)
```
#664113
```
#664113 rgb(102,65,19)
```
#764c16
```
#764c16 rgb(118,76,22)
```
#875719
```
#875719 rgb(135,87,25)
```
#97611c
```
#97611c rgb(151,97,28)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#b97722
```
#b97722 rgb(185,119,34)
```
#c98125
```
#c98125 rgb(201,129,37)
```

Shade Color Variation

#d88c2a
```
#d88c2a rgb(216,140,42)
```
#db953b
```
#db953b rgb(219,149,59)
```
#de9e4b
```
#de9e4b rgb(222,158,75)
```
#e1a75c
```
#e1a75c rgb(225,167,92)
```
#e4b06c
```
#e4b06c rgb(228,176,108)
```
#e7b97d
```
#e7b97d rgb(231,185,125)
```
#eac28d
```
#eac28d rgb(234,194,141)
```
#edca9e
```
#edca9e rgb(237,202,158)
```
#f0d3af
```
#f0d3af rgb(240,211,175)
```
#f3dcbf
```
#f3dcbf rgb(243,220,191)
```
#f6e5d0
```
#f6e5d0 rgb(246,229,208)
```
#f9eee0
```
#f9eee0 rgb(249,238,224)
```
#fcf7f1
```
#fcf7f1 rgb(252,247,241)
```

Tint Color Variation

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

#6b645c
```
#6b645c rgb(107,100,92)
```
#726555
```
#726555 rgb(114,101,85)
```
#7a664d
```
#7a664d rgb(122,102,77)
```
#826745
```
#826745 rgb(130,103,69)
```
#89683e
```
#89683e rgb(137,104,62)
```
#916936
```
#916936 rgb(145,105,54)
```
#996a2e
```
#996a2e rgb(153,106,46)
```
#a06b27
```
#a06b27 rgb(160,107,39)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#b06d17
```
#b06d17 rgb(176,109,23)
```
#b76e10
```
#b76e10 rgb(183,110,16)
```
#bf6f08
```
#bf6f08 rgb(191,111,8)
```
#c77000
```
#c77000 rgb(199,112,0)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7f7364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e802d Protanopia 1% of men
#9f7a27 Deuteranopia 1% of men
#b06c73 Tritanopia 0.001% of the population

Trichromacy

#977828 Protanomaly 1% of men, 0.01% of women
#a27424 Deuteranomaly 6% of men, 0.4% of women
#ad6c55 Tritanomaly 0.01% of the population

#a86c1f hex color

#a86c1f Color Information

#a86c1f Color Conversion

Color Schemes with #a86c1f

Alternatives to #a86c1f

#a86c1f Preview

Shades and Tints of #a86c1f

Tones of #a86c1f

Color Blindness Simulator