#a86a31 hex color

In a RGB color space, hex #a86a31 is composed of 65.9% red, 41.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 70.8% yellow and 34.1% black. It has a hue angle of 28.7 degrees, a saturation of 54.8% and a lightness of 42.5%. #a86a31 color hex could be obtained by blending #ffd462 with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86a31 has RGB values of R:168, G:106, B:49 and CMYK values of C:0, M:0.37, Y:0.71, K:0.34. Its decimal value is 11037233.

Hex triplet	a86a31	`#a86a31`
RGB Decimal	168, 106, 49	`rgb(168,106,49)`
RGB Percent	65.9, 41.6, 19.2	`rgb(65.9%,41.6%,19.2%)`
CMYK	0, 37, 71, 34
HSL	28.7°, 54.8, 42.5	`hsl(28.7,54.8%,42.5%)`
HSV (or HSB)	28.7°, 70.8, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.519, 19.612, 41.233
XYZ	21.857, 18.856, 5.394
xyY	0.474, 0.409, 18.856
CIE-LCH	50.519, 45.66, 64.562
CIE-LUV	50.519, 49.01, 39.756
Hunter-Lab	43.424, 13.857, 23.032
Binary	10101000, 01101010, 00110001

#a86a31
```
#a86a31 rgb(168,106,49)
```
#316fa8
```
#316fa8 rgb(49,111,168)
```

Complementary Color

#a83134
```
#a83134 rgb(168,49,52)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#a8a631
```
#a8a631 rgb(168,166,49)
```

Analogous Color

#3134a8
```
#3134a8 rgb(49,52,168)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#31a8a6
```
#31a8a6 rgb(49,168,166)
```

Split Complementary Color

#6a31a8
```
#6a31a8 rgb(106,49,168)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#31a86a
```
#31a86a rgb(49,168,106)
```

Triadic Color

#a8316f
```
#a8316f rgb(168,49,111)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#31a86a
```
#31a86a rgb(49,168,106)
```
#316fa8
```
#316fa8 rgb(49,111,168)
```

Tetradic Color

#6d4520
```
#6d4520 rgb(109,69,32)
```
#815125
```
#815125 rgb(129,81,37)
```
#945e2b
```
#945e2b rgb(148,94,43)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#bc7637
```
#bc7637 rgb(188,118,55)
```
#c88344
```
#c88344 rgb(200,131,68)
```
#ce9057
```
#ce9057 rgb(206,144,87)
```

Monochromatic Color

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

#a84c31
```
#a84c31 rgb(168,76,49)
```
#a85631
```
#a85631 rgb(168,86,49)
```
#a86031
```
#a86031 rgb(168,96,49)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#a87431
```
#a87431 rgb(168,116,49)
```
#a87e31
```
#a87e31 rgb(168,126,49)
```
#a88831
```
#a88831 rgb(168,136,49)
```

Similar Colors

Text with hexadecimal color #a86a31

This text has a font color of #a86a31.

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

#a86a31 background color

This paragraph has a background color of #a86a31.

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

#a86a31 border color

This element has a border color of #a86a31.

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

CSS codes

.text {color:#a86a31;}

.background {background-color:#a86a31;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100a05
```
#100a05 rgb(16,10,5)
```
#1f1409
```
#1f1409 rgb(31,20,9)
```
#2f1d0e
```
#2f1d0e rgb(47,29,14)
```
#3e2712
```
#3e2712 rgb(62,39,18)
```
#4d3116
```
#4d3116 rgb(77,49,22)
```
#5c3a1b
```
#5c3a1b rgb(92,58,27)
```
#6b441f
```
#6b441f rgb(107,68,31)
```
#7a4d24
```
#7a4d24 rgb(122,77,36)
```
#8a5728
```
#8a5728 rgb(138,87,40)
```
#99602d
```
#99602d rgb(153,96,45)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#b77435
```
#b77435 rgb(183,116,53)
```

Shade Color Variation

#c67d3b
```
#c67d3b rgb(198,125,59)
```
#ca874a
```
#ca874a rgb(202,135,74)
```
#cf9159
```
#cf9159 rgb(207,145,89)
```
#d39b68
```
#d39b68 rgb(211,155,104)
```
#d7a577
```
#d7a577 rgb(215,165,119)
```
#dcaf86
```
#dcaf86 rgb(220,175,134)
```
#e0b996
```
#e0b996 rgb(224,185,150)
```
#e5c3a5
```
#e5c3a5 rgb(229,195,165)
```
#e9cdb4
```
#e9cdb4 rgb(233,205,180)
```
#eed7c3
```
#eed7c3 rgb(238,215,195)
```
#f2e2d2
```
#f2e2d2 rgb(242,226,210)
```
#f6ece2
```
#f6ece2 rgb(246,236,226)
```
#fbf6f1
```
#fbf6f1 rgb(251,246,241)
```

Tint Color Variation

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

#6e6c6b
```
#6e6c6b rgb(110,108,107)
```
#766c63
```
#766c63 rgb(118,108,99)
```
#7e6c5b
```
#7e6c5b rgb(126,108,91)
```
#876b52
```
#876b52 rgb(135,107,82)
```
#8f6b4a
```
#8f6b4a rgb(143,107,74)
```
#976b42
```
#976b42 rgb(151,107,66)
```
#a06a39
```
#a06a39 rgb(160,106,57)
```
#a86a31
```
#a86a31 rgb(168,106,49)
```
#b06a29
```
#b06a29 rgb(176,106,41)
```
#b96920
```
#b96920 rgb(185,105,32)
```
#c16918
```
#c16918 rgb(193,105,24)
```
#c96910
```
#c96910 rgb(201,105,16)
```
#d26807
```
#d26807 rgb(210,104,7)
```

Tone Color Variation

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

Dichromacy

#8c7f3f Protanopia 1% of men
#9c7939 Deuteranopia 1% of men
#b06b72 Tritanopia 0.001% of the population

Trichromacy

#96773a Protanomaly 1% of men, 0.01% of women
#a07336 Deuteranomaly 6% of men, 0.4% of women
#ad6b5a Tritanomaly 0.01% of the population

#a86a31 hex color

#a86a31 Color Information

#a86a31 Color Conversion

Color Schemes with #a86a31

Alternatives to #a86a31

#a86a31 Preview

Shades and Tints of #a86a31

Tones of #a86a31

Color Blindness Simulator