#a86a3e hex color

In a RGB color space, hex #a86a3e is composed of 65.9% red, 41.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 63.1% yellow and 34.1% black. It has a hue angle of 24.9 degrees, a saturation of 46.1% and a lightness of 45.1%. #a86a3e color hex could be obtained by blending #ffd47c with #510000. Closest websafe color is: #996633.

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

● #a86a3e color description : Dark moderate orange.

The hexadecimal color #a86a3e has RGB values of R:168, G:106, B:62 and CMYK values of C:0, M:0.37, Y:0.63, K:0.34. Its decimal value is 11037246.

Hex triplet	a86a3e	`#a86a3e`
RGB Decimal	168, 106, 62	`rgb(168,106,62)`
RGB Percent	65.9, 41.6, 24.3	`rgb(65.9%,41.6%,24.3%)`
CMYK	0, 37, 63, 34
HSL	24.9°, 46.1, 45.1	`hsl(24.9,46.1%,45.1%)`
HSV (or HSB)	24.9°, 63.1, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.666, 20.44, 34.619
XYZ	22.172, 18.982, 7.053
xyY	0.46, 0.394, 18.982
CIE-LCH	50.666, 40.203, 59.441
CIE-LUV	50.666, 47.754, 34.522
Hunter-Lab	43.569, 14.595, 20.899
Binary	10101000, 01101010, 00111110

#a86a3e
```
#a86a3e rgb(168,106,62)
```
#3e7ca8
```
#3e7ca8 rgb(62,124,168)
```

Complementary Color

#a83e47
```
#a83e47 rgb(168,62,71)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#a89f3e
```
#a89f3e rgb(168,159,62)
```

Analogous Color

#3e47a8
```
#3e47a8 rgb(62,71,168)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#3ea89f
```
#3ea89f rgb(62,168,159)
```

Split Complementary Color

#6a3ea8
```
#6a3ea8 rgb(106,62,168)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#3ea86a
```
#3ea86a rgb(62,168,106)
```

Triadic Color

#a83e7c
```
#a83e7c rgb(168,62,124)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#3ea86a
```
#3ea86a rgb(62,168,106)
```
#3e7ca8
```
#3e7ca8 rgb(62,124,168)
```

Tetradic Color

#704729
```
#704729 rgb(112,71,41)
```
#835230
```
#835230 rgb(131,82,48)
```
#955e37
```
#955e37 rgb(149,94,55)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#ba7645
```
#ba7645 rgb(186,118,69)
```
#c18458
```
#c18458 rgb(193,132,88)
```
#c8916a
```
#c8916a rgb(200,145,106)
```

Monochromatic Color

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

#a8503e
```
#a8503e rgb(168,80,62)
```
#a8583e
```
#a8583e rgb(168,88,62)
```
#a8613e
```
#a8613e rgb(168,97,62)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#a8733e
```
#a8733e rgb(168,115,62)
```
#a87c3e
```
#a87c3e rgb(168,124,62)
```
#a8853e
```
#a8853e rgb(168,133,62)
```

Similar Colors

Text with hexadecimal color #a86a3e

This text has a font color of #a86a3e.

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

#a86a3e background color

This paragraph has a background color of #a86a3e.

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

#a86a3e border color

This element has a border color of #a86a3e.

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

CSS codes

.text {color:#a86a3e;}

.background {background-color:#a86a3e;}

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

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, #0a0704 is the darkest color, while #fefcfb is the lightest one.

#0a0704
```
#0a0704 rgb(10,7,4)
```
#191009
```
#191009 rgb(25,16,9)
```
#27190e
```
#27190e rgb(39,25,14)
```
#352214
```
#352214 rgb(53,34,20)
```
#442b19
```
#442b19 rgb(68,43,25)
```
#52341e
```
#52341e rgb(82,52,30)
```
#603d24
```
#603d24 rgb(96,61,36)
```
#6f4629
```
#6f4629 rgb(111,70,41)
```
#7d4f2e
```
#7d4f2e rgb(125,79,46)
```
#8b5833
```
#8b5833 rgb(139,88,51)
```
#9a6139
```
#9a6139 rgb(154,97,57)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#b67343
```
#b67343 rgb(182,115,67)
```

Shade Color Variation

#be7d4f
```
#be7d4f rgb(190,125,79)
```
#c3885d
```
#c3885d rgb(195,136,93)
```
#c9926c
```
#c9926c rgb(201,146,108)
```
#ce9d7a
```
#ce9d7a rgb(206,157,122)
```
#d3a788
```
#d3a788 rgb(211,167,136)
```
#d9b297
```
#d9b297 rgb(217,178,151)
```
#debda5
```
#debda5 rgb(222,189,165)
```
#e3c7b3
```
#e3c7b3 rgb(227,199,179)
```
#e8d2c2
```
#e8d2c2 rgb(232,210,194)
```
#eedcd0
```
#eedcd0 rgb(238,220,208)
```
#f3e7de
```
#f3e7de rgb(243,231,222)
```
#f8f2ed
```
#f8f2ed rgb(248,242,237)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#7c726a
```
#7c726a rgb(124,114,106)
```
#857061
```
#857061 rgb(133,112,97)
```
#8d6f59
```
#8d6f59 rgb(141,111,89)
```
#966d50
```
#966d50 rgb(150,109,80)
```
#9f6c47
```
#9f6c47 rgb(159,108,71)
```
#a86a3e
```
#a86a3e rgb(168,106,62)
```
#b16835
```
#b16835 rgb(177,104,53)
```
#ba672c
```
#ba672c rgb(186,103,44)
```
#c36523
```
#c36523 rgb(195,101,35)
```
#cb641b
```
#cb641b rgb(203,100,27)
```
#d46212
```
#d46212 rgb(212,98,18)
```
#dd6109
```
#dd6109 rgb(221,97,9)
```
#e65f00
```
#e65f00 rgb(230,95,0)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#82756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f4c Protanopia 1% of men
#9b7a45 Deuteranopia 1% of men
#af6c73 Tritanopia 0.001% of the population

Trichromacy

#957747 Protanomaly 1% of men, 0.01% of women
#9f7442 Deuteranomaly 6% of men, 0.4% of women
#ac6b60 Tritanomaly 0.01% of the population

#a86a3e hex color

#a86a3e Color Information

#a86a3e Color Conversion

Color Schemes with #a86a3e

Alternatives to #a86a3e

#a86a3e Preview

Shades and Tints of #a86a3e

Tones of #a86a3e

Color Blindness Simulator