#a86f22 hex color

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

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

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

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

Hex triplet	a86f22	`#a86f22`
RGB Decimal	168, 111, 34	`rgb(168,111,34)`
RGB Percent	65.9, 43.5, 13.3	`rgb(65.9%,43.5%,13.3%)`
CMYK	0, 34, 80, 34
HSL	34.5°, 66.3, 39.6	`hsl(34.5,66.3%,39.6%)`
HSV (or HSB)	34.5°, 79.8, 65.9
Web Safe	996633	`#996633`

CIE-LAB	51.623, 16.086, 49.165
XYZ	22.122, 19.811, 4.172
xyY	0.48, 0.43, 19.811
CIE-LCH	51.623, 51.729, 71.883
CIE-LUV	51.623, 46.207, 46.323
Hunter-Lab	44.509, 10.828, 25.599
Binary	10101000, 01101111, 00100010

#a86f22
```
#a86f22 rgb(168,111,34)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```

Complementary Color

#a82c22
```
#a82c22 rgb(168,44,34)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#9ea822
```
#9ea822 rgb(158,168,34)
```

Analogous Color

#2c22a8
```
#2c22a8 rgb(44,34,168)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#229ea8
```
#229ea8 rgb(34,158,168)
```

Split Complementary Color

#6f22a8
```
#6f22a8 rgb(111,34,168)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#22a86f
```
#22a86f rgb(34,168,111)
```

Triadic Color

#a8225b
```
#a8225b rgb(168,34,91)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#22a86f
```
#22a86f rgb(34,168,111)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```

Tetradic Color

#684515
```
#684515 rgb(104,69,21)
```
#7e5319
```
#7e5319 rgb(126,83,25)
```
#93611e
```
#93611e rgb(147,97,30)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#bd7d26
```
#bd7d26 rgb(189,125,38)
```
#d28b2b
```
#d28b2b rgb(210,139,43)
```
#d8973e
```
#d8973e rgb(216,151,62)
```

Monochromatic Color

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

#a84e22
```
#a84e22 rgb(168,78,34)
```
#a85922
```
#a85922 rgb(168,89,34)
```
#a86422
```
#a86422 rgb(168,100,34)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#a87a22
```
#a87a22 rgb(168,122,34)
```
#a88522
```
#a88522 rgb(168,133,34)
```
#a89122
```
#a89122 rgb(168,145,34)
```

Similar Colors

Text with hexadecimal color #a86f22

This text has a font color of #a86f22.

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

#a86f22 background color

This paragraph has a background color of #a86f22.

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

#a86f22 border color

This element has a border color of #a86f22.

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

CSS codes

.text {color:#a86f22;}

.background {background-color:#a86f22;}

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

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)
```
#251908
```
#251908 rgb(37,25,8)
```
#36240b
```
#36240b rgb(54,36,11)
```
#462e0e
```
#462e0e rgb(70,46,14)
```
#563911
```
#563911 rgb(86,57,17)
```
#674415
```
#674415 rgb(103,68,21)
```
#774f18
```
#774f18 rgb(119,79,24)
```
#87591b
```
#87591b rgb(135,89,27)
```
#98641f
```
#98641f rgb(152,100,31)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#b87a25
```
#b87a25 rgb(184,122,37)
```
#c98529
```
#c98529 rgb(201,133,41)
```

Shade Color Variation

#d58f30
```
#d58f30 rgb(213,143,48)
```
#d89840
```
#d89840 rgb(216,152,64)
```
#dca050
```
#dca050 rgb(220,160,80)
```
#dfa961
```
#dfa961 rgb(223,169,97)
```
#e2b271
```
#e2b271 rgb(226,178,113)
```
#e6bb81
```
#e6bb81 rgb(230,187,129)
```
#e9c492
```
#e9c492 rgb(233,196,146)
```
#eccda2
```
#eccda2 rgb(236,205,162)
```
#efd5b2
```
#efd5b2 rgb(239,213,178)
```
#f3dec3
```
#f3dec3 rgb(243,222,195)
```
#f6e7d3
```
#f6e7d3 rgb(246,231,211)
```
#f9f0e3
```
#f9f0e3 rgb(249,240,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 #c77403 is the most saturated one.

#6a6660
```
#6a6660 rgb(106,102,96)
```
#726758
```
#726758 rgb(114,103,88)
```
#796851
```
#796851 rgb(121,104,81)
```
#816949
```
#816949 rgb(129,105,73)
```
#896a41
```
#896a41 rgb(137,106,65)
```
#916c39
```
#916c39 rgb(145,108,57)
```
#986d32
```
#986d32 rgb(152,109,50)
```
#a06e2a
```
#a06e2a rgb(160,110,42)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```
#b0701a
```
#b0701a rgb(176,112,26)
```
#b87112
```
#b87112 rgb(184,113,18)
```
#bf720b
```
#bf720b rgb(191,114,11)
```
#c77403
```
#c77403 rgb(199,116,3)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#817566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908230 Protanopia 1% of men
#a17b2b Deuteranopia 1% of men
#b16f76 Tritanopia 0.001% of the population

Trichromacy

#997b2b Protanomaly 1% of men, 0.01% of women
#a37727 Deuteranomaly 6% of men, 0.4% of women
#ad6f57 Tritanomaly 0.01% of the population

#a86f22 hex color

#a86f22 Color Information

#a86f22 Color Conversion

Color Schemes with #a86f22

Alternatives to #a86f22

#a86f22 Preview

Shades and Tints of #a86f22

Tones of #a86f22

Color Blindness Simulator