#a86a1e hex color

In a RGB color space, hex #a86a1e is composed of 65.9% red, 41.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 82.1% yellow and 34.1% black. It has a hue angle of 33 degrees, a saturation of 69.7% and a lightness of 38.8%. #a86a1e color hex could be obtained by blending #ffd43c with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86a1e has RGB values of R:168, G:106, B:30 and CMYK values of C:0, M:0.37, Y:0.82, K:0.34. Its decimal value is 11037214.

Hex triplet	a86a1e	`#a86a1e`
RGB Decimal	168, 106, 30	`rgb(168,106,30)`
RGB Percent	65.9, 41.6, 11.8	`rgb(65.9%,41.6%,11.8%)`
CMYK	0, 37, 82, 34
HSL	33°, 69.7, 38.8	`hsl(33,69.7%,38.8%)`
HSV (or HSB)	33°, 82.1, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.368, 18.761, 49.595
XYZ	21.537, 18.728, 3.709
xyY	0.49, 0.426, 18.728
CIE-LCH	50.368, 53.025, 69.28
CIE-LUV	50.368, 50.342, 45.289
Hunter-Lab	43.276, 13.102, 25.212
Binary	10101000, 01101010, 00011110

#a86a1e
```
#a86a1e rgb(168,106,30)
```
#1e5ca8
```
#1e5ca8 rgb(30,92,168)
```

Complementary Color

#a8251e
```
#a8251e rgb(168,37,30)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#a1a81e
```
#a1a81e rgb(161,168,30)
```

Analogous Color

#251ea8
```
#251ea8 rgb(37,30,168)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#1ea1a8
```
#1ea1a8 rgb(30,161,168)
```

Split Complementary Color

#6a1ea8
```
#6a1ea8 rgb(106,30,168)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#1ea86a
```
#1ea86a rgb(30,168,106)
```

Triadic Color

#a81e5c
```
#a81e5c rgb(168,30,92)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#1ea86a
```
#1ea86a rgb(30,168,106)
```
#1e5ca8
```
#1e5ca8 rgb(30,92,168)
```

Tetradic Color

#674112
```
#674112 rgb(103,65,18)
```
#7d4f16
```
#7d4f16 rgb(125,79,22)
```
#925c1a
```
#925c1a rgb(146,92,26)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#be7822
```
#be7822 rgb(190,120,34)
```
#d38526
```
#d38526 rgb(211,133,38)
```
#db9237
```
#db9237 rgb(219,146,55)
```

Monochromatic Color

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

#a8481e
```
#a8481e rgb(168,72,30)
```
#a8531e
```
#a8531e rgb(168,83,30)
```
#a85f1e
```
#a85f1e rgb(168,95,30)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#a8761e
```
#a8761e rgb(168,118,30)
```
#a8811e
```
#a8811e rgb(168,129,30)
```
#a88d1e
```
#a88d1e rgb(168,141,30)
```

Similar Colors

Text with hexadecimal color #a86a1e

This text has a font color of #a86a1e.

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

#a86a1e background color

This paragraph has a background color of #a86a1e.

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

#a86a1e border color

This element has a border color of #a86a1e.

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

CSS codes

.text {color:#a86a1e;}

.background {background-color:#a86a1e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231606
```
#231606 rgb(35,22,6)
```
#332009
```
#332009 rgb(51,32,9)
```
#442b0c
```
#442b0c rgb(68,43,12)
```
#55350f
```
#55350f rgb(85,53,15)
```
#654012
```
#654012 rgb(101,64,18)
```
#764a15
```
#764a15 rgb(118,74,21)
```
#875518
```
#875518 rgb(135,85,24)
```
#975f1b
```
#975f1b rgb(151,95,27)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#b97521
```
#b97521 rgb(185,117,33)
```
#c97f24
```
#c97f24 rgb(201,127,36)
```

Shade Color Variation

#d98928
```
#d98928 rgb(217,137,40)
```
#dc9239
```
#dc9239 rgb(220,146,57)
```
#df9c49
```
#df9c49 rgb(223,156,73)
```
#e2a55a
```
#e2a55a rgb(226,165,90)
```
#e5ae6b
```
#e5ae6b rgb(229,174,107)
```
#e8b77b
```
#e8b77b rgb(232,183,123)
```
#eac08c
```
#eac08c rgb(234,192,140)
```
#edc99d
```
#edc99d rgb(237,201,157)
```
#f0d2ad
```
#f0d2ad rgb(240,210,173)
```
#f3dbbe
```
#f3dbbe rgb(243,219,190)
```
#f6e5cf
```
#f6e5cf rgb(246,229,207)
```
#f9eedf
```
#f9eedf rgb(249,238,223)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#636363
```
#636363 rgb(99,99,99)
```
#6b645b
```
#6b645b rgb(107,100,91)
```
#736553
```
#736553 rgb(115,101,83)
```
#7a654c
```
#7a654c rgb(122,101,76)
```
#826644
```
#826644 rgb(130,102,68)
```
#8a673c
```
#8a673c rgb(138,103,60)
```
#916835
```
#916835 rgb(145,104,53)
```
#99682d
```
#99682d rgb(153,104,45)
```
#a06926
```
#a06926 rgb(160,105,38)
```
#a86a1e
```
#a86a1e rgb(168,106,30)
```
#b06b16
```
#b06b16 rgb(176,107,22)
```
#b76c0f
```
#b76c0f rgb(183,108,15)
```
#bf6c07
```
#bf6c07 rgb(191,108,7)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2d Protanopia 1% of men
#9d7826 Deuteranopia 1% of men
#b06a71 Tritanopia 0.001% of the population

Trichromacy

#977727 Protanomaly 1% of men, 0.01% of women
#a17323 Deuteranomaly 6% of men, 0.4% of women
#ad6a53 Tritanomaly 0.01% of the population

#a86a1e hex color

#a86a1e Color Information

#a86a1e Color Conversion

Color Schemes with #a86a1e

Alternatives to #a86a1e

#a86a1e Preview

Shades and Tints of #a86a1e

Tones of #a86a1e

Color Blindness Simulator