#a86e1f hex color

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

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

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

The hexadecimal color #a86e1f has RGB values of R:168, G:110, B:31 and CMYK values of C:0, M:0.35, Y:0.82, K:0.34. Its decimal value is 11038239.

Hex triplet	a86e1f	`#a86e1f`
RGB Decimal	168, 110, 31	`rgb(168,110,31)`
RGB Percent	65.9, 43.1, 12.2	`rgb(65.9%,43.1%,12.2%)`
CMYK	0, 35, 82, 34
HSL	34.6°, 68.8, 39	`hsl(34.6,68.8%,39%)`
HSV (or HSB)	34.6°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	51.356, 16.54, 50.103
XYZ	21.972, 19.577, 3.918
xyY	0.483, 0.431, 19.577
CIE-LCH	51.356, 52.762, 71.731
CIE-LUV	51.356, 47.147, 46.636
Hunter-Lab	44.246, 11.211, 25.722
Binary	10101000, 01101110, 00011111

#a86e1f
```
#a86e1f rgb(168,110,31)
```
#1f59a8
```
#1f59a8 rgb(31,89,168)
```

Complementary Color

#a82a1f
```
#a82a1f rgb(168,42,31)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#9ea81f
```
#9ea81f rgb(158,168,31)
```

Analogous Color

#2a1fa8
```
#2a1fa8 rgb(42,31,168)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#1f9ea8
```
#1f9ea8 rgb(31,158,168)
```

Split Complementary Color

#6e1fa8
```
#6e1fa8 rgb(110,31,168)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#1fa86e
```
#1fa86e rgb(31,168,110)
```

Triadic Color

#a81f59
```
#a81f59 rgb(168,31,89)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#1fa86e
```
#1fa86e rgb(31,168,110)
```
#1f59a8
```
#1f59a8 rgb(31,89,168)
```

Tetradic Color

#674413
```
#674413 rgb(103,68,19)
```
#7d5217
```
#7d5217 rgb(125,82,23)
```
#92601b
```
#92601b rgb(146,96,27)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#be7c23
```
#be7c23 rgb(190,124,35)
```
#d38a27
```
#d38a27 rgb(211,138,39)
```
#da9639
```
#da9639 rgb(218,150,57)
```

Monochromatic Color

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

#a84c1f
```
#a84c1f rgb(168,76,31)
```
#a8571f
```
#a8571f rgb(168,87,31)
```
#a8631f
```
#a8631f rgb(168,99,31)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#a8791f
```
#a8791f rgb(168,121,31)
```
#a8851f
```
#a8851f rgb(168,133,31)
```
#a8901f
```
#a8901f rgb(168,144,31)
```

Similar Colors

Text with hexadecimal color #a86e1f

This text has a font color of #a86e1f.

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

#a86e1f background color

This paragraph has a background color of #a86e1f.

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

#a86e1f border color

This element has a border color of #a86e1f.

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

CSS codes

.text {color:#a86e1f;}

.background {background-color:#a86e1f;}

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

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 #fcf8f1 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#130c03
```
#130c03 rgb(19,12,3)
```
#241707
```
#241707 rgb(36,23,7)
```
#34220a
```
#34220a rgb(52,34,10)
```
#452d0d
```
#452d0d rgb(69,45,13)
```
#553810
```
#553810 rgb(85,56,16)
```
#664313
```
#664313 rgb(102,67,19)
```
#764d16
```
#764d16 rgb(118,77,22)
```
#875819
```
#875819 rgb(135,88,25)
```
#97631c
```
#97631c rgb(151,99,28)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#b97922
```
#b97922 rgb(185,121,34)
```
#c98425
```
#c98425 rgb(201,132,37)
```

Shade Color Variation

#d88e2a
```
#d88e2a rgb(216,142,42)
```
#db973b
```
#db973b rgb(219,151,59)
```
#dea04b
```
#dea04b rgb(222,160,75)
```
#e1a95c
```
#e1a95c rgb(225,169,92)
```
#e4b16c
```
#e4b16c rgb(228,177,108)
```
#e7ba7d
```
#e7ba7d rgb(231,186,125)
```
#eac38d
```
#eac38d rgb(234,195,141)
```
#edcc9e
```
#edcc9e rgb(237,204,158)
```
#f0d4af
```
#f0d4af rgb(240,212,175)
```
#f3ddbf
```
#f3ddbf rgb(243,221,191)
```
#f6e6d0
```
#f6e6d0 rgb(246,230,208)
```
#f9efe0
```
#f9efe0 rgb(249,239,224)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#6b655c
```
#6b655c rgb(107,101,92)
```
#726655
```
#726655 rgb(114,102,85)
```
#7a674d
```
#7a674d rgb(122,103,77)
```
#826845
```
#826845 rgb(130,104,69)
```
#89693e
```
#89693e rgb(137,105,62)
```
#916a36
```
#916a36 rgb(145,106,54)
```
#996c2e
```
#996c2e rgb(153,108,46)
```
#a06d27
```
#a06d27 rgb(160,109,39)
```
#a86e1f
```
#a86e1f rgb(168,110,31)
```
#b06f17
```
#b06f17 rgb(176,111,23)
```
#b77010
```
#b77010 rgb(183,112,16)
```
#bf7208
```
#bf7208 rgb(191,114,8)
```
#c77300
```
#c77300 rgb(199,115,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#807465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90812d Protanopia 1% of men
#a07b28 Deuteranopia 1% of men
#b16e75 Tritanopia 0.001% of the population

Trichromacy

#987a28 Protanomaly 1% of men, 0.01% of women
#a37624 Deuteranomaly 6% of men, 0.4% of women
#ad6e56 Tritanomaly 0.01% of the population

#a86e1f hex color

#a86e1f Color Information

#a86e1f Color Conversion

Color Schemes with #a86e1f

Alternatives to #a86e1f

#a86e1f Preview

Shades and Tints of #a86e1f

Tones of #a86e1f

Color Blindness Simulator