#a86c22 hex color

In a RGB color space, hex #a86c22 is composed of 65.9% red, 42.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 79.8% yellow and 34.1% black. It has a hue angle of 33.1 degrees, a saturation of 66.3% and a lightness of 39.6%. #a86c22 color hex could be obtained by blending #ffd844 with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86c22 has RGB values of R:168, G:108, B:34 and CMYK values of C:0, M:0.36, Y:0.8, K:0.34. Its decimal value is 11037730.

Hex triplet	a86c22	`#a86c22`
RGB Decimal	168, 108, 34	`rgb(168,108,34)`
RGB Percent	65.9, 42.4, 13.3	`rgb(65.9%,42.4%,13.3%)`
CMYK	0, 36, 80, 34
HSL	33.1°, 66.3, 39.6	`hsl(33.1,66.3%,39.6%)`
HSV (or HSB)	33.1°, 79.8, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.882, 17.779, 48.471
XYZ	21.8, 19.167, 4.065
xyY	0.484, 0.426, 19.167
CIE-LCH	50.882, 51.629, 69.857
CIE-LUV	50.882, 48.547, 45.126
Hunter-Lab	43.78, 12.269, 25.141
Binary	10101000, 01101100, 00100010

#a86c22
```
#a86c22 rgb(168,108,34)
```
#225ea8
```
#225ea8 rgb(34,94,168)
```

Complementary Color

#a82922
```
#a82922 rgb(168,41,34)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#a1a822
```
#a1a822 rgb(161,168,34)
```

Analogous Color

#2922a8
```
#2922a8 rgb(41,34,168)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#22a1a8
```
#22a1a8 rgb(34,161,168)
```

Split Complementary Color

#6c22a8
```
#6c22a8 rgb(108,34,168)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#22a86c
```
#22a86c rgb(34,168,108)
```

Triadic Color

#a8225e
```
#a8225e rgb(168,34,94)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#22a86c
```
#22a86c rgb(34,168,108)
```
#225ea8
```
#225ea8 rgb(34,94,168)
```

Tetradic Color

#684315
```
#684315 rgb(104,67,21)
```
#7e5119
```
#7e5119 rgb(126,81,25)
```
#935e1e
```
#935e1e rgb(147,94,30)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#bd7a26
```
#bd7a26 rgb(189,122,38)
```
#d2872b
```
#d2872b rgb(210,135,43)
```
#d8933e
```
#d8933e rgb(216,147,62)
```

Monochromatic Color

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

#a84b22
```
#a84b22 rgb(168,75,34)
```
#a85622
```
#a85622 rgb(168,86,34)
```
#a86122
```
#a86122 rgb(168,97,34)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#a87722
```
#a87722 rgb(168,119,34)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#a88e22
```
#a88e22 rgb(168,142,34)
```

Similar Colors

Text with hexadecimal color #a86c22

This text has a font color of #a86c22.

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

#a86c22 background color

This paragraph has a background color of #a86c22.

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

#a86c22 border color

This element has a border color of #a86c22.

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

CSS codes

.text {color:#a86c22;}

.background {background-color:#a86c22;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#251808
```
#251808 rgb(37,24,8)
```
#36230b
```
#36230b rgb(54,35,11)
```
#462d0e
```
#462d0e rgb(70,45,14)
```
#563811
```
#563811 rgb(86,56,17)
```
#674215
```
#674215 rgb(103,66,21)
```
#774d18
```
#774d18 rgb(119,77,24)
```
#87571b
```
#87571b rgb(135,87,27)
```
#98621f
```
#98621f rgb(152,98,31)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#b87625
```
#b87625 rgb(184,118,37)
```
#c98129
```
#c98129 rgb(201,129,41)
```

Shade Color Variation

#d58b30
```
#d58b30 rgb(213,139,48)
```
#d89440
```
#d89440 rgb(216,148,64)
```
#dc9d50
```
#dc9d50 rgb(220,157,80)
```
#dfa661
```
#dfa661 rgb(223,166,97)
```
#e2b071
```
#e2b071 rgb(226,176,113)
```
#e6b981
```
#e6b981 rgb(230,185,129)
```
#e9c292
```
#e9c292 rgb(233,194,146)
```
#eccba2
```
#eccba2 rgb(236,203,162)
```
#efd4b2
```
#efd4b2 rgb(239,212,178)
```
#f3ddc3
```
#f3ddc3 rgb(243,221,195)
```
#f6e6d3
```
#f6e6d3 rgb(246,230,211)
```
#f9efe3
```
#f9efe3 rgb(249,239,227)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,244)
```

Tint Color Variation

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

#6a6660
```
#6a6660 rgb(106,102,96)
```
#726658
```
#726658 rgb(114,102,88)
```
#796751
```
#796751 rgb(121,103,81)
```
#816849
```
#816849 rgb(129,104,73)
```
#896941
```
#896941 rgb(137,105,65)
```
#916a39
```
#916a39 rgb(145,106,57)
```
#986a32
```
#986a32 rgb(152,106,50)
```
#a06b2a
```
#a06b2a rgb(160,107,42)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#b06d1a
```
#b06d1a rgb(176,109,26)
```
#b86e12
```
#b86e12 rgb(184,110,18)
```
#bf6e0b
```
#bf6e0b rgb(191,110,11)
```
#c76f03
```
#c76f03 rgb(199,111,3)
```

Tone Color Variation

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

#8e8030 Protanopia 1% of men
#9f7a2a Deuteranopia 1% of men
#b06c74 Tritanopia 0.001% of the population

Trichromacy

#97782b Protanomaly 1% of men, 0.01% of women
#a27427 Deuteranomaly 6% of men, 0.4% of women
#ad6c56 Tritanomaly 0.01% of the population

#a86c22 hex color

#a86c22 Color Information

#a86c22 Color Conversion

Color Schemes with #a86c22

Alternatives to #a86c22

#a86c22 Preview

Shades and Tints of #a86c22

Tones of #a86c22

Color Blindness Simulator