#a86b22 hex color

In a RGB color space, hex #a86b22 is composed of 65.9% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 79.8% yellow and 34.1% black. It has a hue angle of 32.7 degrees, a saturation of 66.3% and a lightness of 39.6%. #a86b22 color hex could be obtained by blending #ffd644 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

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

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

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

CIE-LAB	50.637, 18.343, 48.241
XYZ	21.695, 18.957, 4.03
xyY	0.486, 0.424, 18.957
CIE-LCH	50.637, 51.61, 69.182
CIE-LUV	50.637, 49.329, 44.729
Hunter-Lab	43.54, 12.75, 24.99
Binary	10101000, 01101011, 00100010

#a86b22
```
#a86b22 rgb(168,107,34)
```
#225fa8
```
#225fa8 rgb(34,95,168)
```

Complementary Color

#a82822
```
#a82822 rgb(168,40,34)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#a2a822
```
#a2a822 rgb(162,168,34)
```

Analogous Color

#2822a8
```
#2822a8 rgb(40,34,168)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#22a2a8
```
#22a2a8 rgb(34,162,168)
```

Split Complementary Color

#6b22a8
```
#6b22a8 rgb(107,34,168)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#22a86b
```
#22a86b rgb(34,168,107)
```

Triadic Color

#a8225f
```
#a8225f rgb(168,34,95)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#22a86b
```
#22a86b rgb(34,168,107)
```
#225fa8
```
#225fa8 rgb(34,95,168)
```

Tetradic Color

#684215
```
#684215 rgb(104,66,21)
```
#7e5019
```
#7e5019 rgb(126,80,25)
```
#935d1e
```
#935d1e rgb(147,93,30)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#bd7926
```
#bd7926 rgb(189,121,38)
```
#d2862b
```
#d2862b rgb(210,134,43)
```
#d8923e
```
#d8923e rgb(216,146,62)
```

Monochromatic Color

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

#a84a22
```
#a84a22 rgb(168,74,34)
```
#a85522
```
#a85522 rgb(168,85,34)
```
#a86022
```
#a86022 rgb(168,96,34)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#a87622
```
#a87622 rgb(168,118,34)
```
#a88122
```
#a88122 rgb(168,129,34)
```
#a88d22
```
#a88d22 rgb(168,141,34)
```

Similar Colors

Text with hexadecimal color #a86b22

This text has a font color of #a86b22.

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

#a86b22 background color

This paragraph has a background color of #a86b22.

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

#a86b22 border color

This element has a border color of #a86b22.

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

CSS codes

.text {color:#a86b22;}

.background {background-color:#a86b22;}

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

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)
```
#150d04
```
#150d04 rgb(21,13,4)
```
#251808
```
#251808 rgb(37,24,8)
```
#36220b
```
#36220b rgb(54,34,11)
```
#462d0e
```
#462d0e rgb(70,45,14)
```
#563711
```
#563711 rgb(86,55,17)
```
#674115
```
#674115 rgb(103,65,21)
```
#774c18
```
#774c18 rgb(119,76,24)
```
#87561b
```
#87561b rgb(135,86,27)
```
#98611f
```
#98611f rgb(152,97,31)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#b87525
```
#b87525 rgb(184,117,37)
```
#c98029
```
#c98029 rgb(201,128,41)
```

Shade Color Variation

#d58a30
```
#d58a30 rgb(213,138,48)
```
#d89340
```
#d89340 rgb(216,147,64)
```
#dc9c50
```
#dc9c50 rgb(220,156,80)
```
#dfa561
```
#dfa561 rgb(223,165,97)
```
#e2af71
```
#e2af71 rgb(226,175,113)
```
#e6b881
```
#e6b881 rgb(230,184,129)
```
#e9c192
```
#e9c192 rgb(233,193,146)
```
#eccaa2
```
#eccaa2 rgb(236,202,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, #6a6560 is the less saturated color, while #c76e03 is the most saturated one.

#6a6560
```
#6a6560 rgb(106,101,96)
```
#726658
```
#726658 rgb(114,102,88)
```
#796751
```
#796751 rgb(121,103,81)
```
#816849
```
#816849 rgb(129,104,73)
```
#896841
```
#896841 rgb(137,104,65)
```
#916939
```
#916939 rgb(145,105,57)
```
#986a32
```
#986a32 rgb(152,106,50)
```
#a06a2a
```
#a06a2a rgb(160,106,42)
```
#a86b22
```
#a86b22 rgb(168,107,34)
```
#b06c1a
```
#b06c1a rgb(176,108,26)
```
#b86c12
```
#b86c12 rgb(184,108,18)
```
#bf6d0b
```
#bf6d0b rgb(191,109,11)
```
#c76e03
```
#c76e03 rgb(199,110,3)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7f7364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f30 Protanopia 1% of men
#9e792a Deuteranopia 1% of men
#b06b73 Tritanopia 0.001% of the population

Trichromacy

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

#a86b22 hex color

#a86b22 Color Information

#a86b22 Color Conversion

Color Schemes with #a86b22

Alternatives to #a86b22

#a86b22 Preview

Shades and Tints of #a86b22

Tones of #a86b22

Color Blindness Simulator