#a86222 hex color

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

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

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

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

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

CIE-LAB	48.483, 23.392, 46.204
XYZ	20.805, 17.177, 3.733
xyY	0.499, 0.412, 17.177
CIE-LCH	48.483, 51.788, 63.147
CIE-LUV	48.483, 56.387, 41.201
Hunter-Lab	41.446, 17.076, 23.671
Binary	10101000, 01100010, 00100010

#a86222
```
#a86222 rgb(168,98,34)
```
#2268a8
```
#2268a8 rgb(34,104,168)
```

Complementary Color

#a82225
```
#a82225 rgb(168,34,37)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#a8a522
```
#a8a522 rgb(168,165,34)
```

Analogous Color

#2225a8
```
#2225a8 rgb(34,37,168)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#22a8a5
```
#22a8a5 rgb(34,168,165)
```

Split Complementary Color

#6222a8
```
#6222a8 rgb(98,34,168)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#22a862
```
#22a862 rgb(34,168,98)
```

Triadic Color

#a82268
```
#a82268 rgb(168,34,104)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#22a862
```
#22a862 rgb(34,168,98)
```
#2268a8
```
#2268a8 rgb(34,104,168)
```

Tetradic Color

#683d15
```
#683d15 rgb(104,61,21)
```
#7e4919
```
#7e4919 rgb(126,73,25)
```
#93561e
```
#93561e rgb(147,86,30)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#bd6e26
```
#bd6e26 rgb(189,110,38)
```
#d27b2b
```
#d27b2b rgb(210,123,43)
```
#d8883e
```
#d8883e rgb(216,136,62)
```

Monochromatic Color

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

#a84122
```
#a84122 rgb(168,65,34)
```
#a84c22
```
#a84c22 rgb(168,76,34)
```
#a85722
```
#a85722 rgb(168,87,34)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#a86d22
```
#a86d22 rgb(168,109,34)
```
#a87822
```
#a87822 rgb(168,120,34)
```
#a88422
```
#a88422 rgb(168,132,34)
```

Similar Colors

Text with hexadecimal color #a86222

This text has a font color of #a86222.

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

#a86222 background color

This paragraph has a background color of #a86222.

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

#a86222 border color

This element has a border color of #a86222.

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

CSS codes

.text {color:#a86222;}

.background {background-color:#a86222;}

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

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 #fdf8f4 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#150c04
```
#150c04 rgb(21,12,4)
```
#251608
```
#251608 rgb(37,22,8)
```
#361f0b
```
#361f0b rgb(54,31,11)
```
#46290e
```
#46290e rgb(70,41,14)
```
#563211
```
#563211 rgb(86,50,17)
```
#673c15
```
#673c15 rgb(103,60,21)
```
#774518
```
#774518 rgb(119,69,24)
```
#874f1b
```
#874f1b rgb(135,79,27)
```
#98581f
```
#98581f rgb(152,88,31)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#b86c25
```
#b86c25 rgb(184,108,37)
```
#c97529
```
#c97529 rgb(201,117,41)
```

Shade Color Variation

#d57f30
```
#d57f30 rgb(213,127,48)
```
#d88940
```
#d88940 rgb(216,137,64)
```
#dc9350
```
#dc9350 rgb(220,147,80)
```
#df9d61
```
#df9d61 rgb(223,157,97)
```
#e2a771
```
#e2a771 rgb(226,167,113)
```
#e6b181
```
#e6b181 rgb(230,177,129)
```
#e9bb92
```
#e9bb92 rgb(233,187,146)
```
#ecc5a2
```
#ecc5a2 rgb(236,197,162)
```
#efd0b2
```
#efd0b2 rgb(239,208,178)
```
#f3dac3
```
#f3dac3 rgb(243,218,195)
```
#f6e4d3
```
#f6e4d3 rgb(246,228,211)
```
#f9eee3
```
#f9eee3 rgb(249,238,227)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,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 #c76103 is the most saturated one.

#6a6560
```
#6a6560 rgb(106,101,96)
```
#726458
```
#726458 rgb(114,100,88)
```
#796451
```
#796451 rgb(121,100,81)
```
#816449
```
#816449 rgb(129,100,73)
```
#896341
```
#896341 rgb(137,99,65)
```
#916339
```
#916339 rgb(145,99,57)
```
#986332
```
#986332 rgb(152,99,50)
```
#a0622a
```
#a0622a rgb(160,98,42)
```
#a86222
```
#a86222 rgb(168,98,34)
```
#b0621a
```
#b0621a rgb(176,98,26)
```
#b86112
```
#b86112 rgb(184,97,18)
```
#bf610b
```
#bf610b rgb(191,97,11)
```
#c76103
```
#c76103 rgb(199,97,3)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7b6d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a31 Protanopia 1% of men
#977429 Deuteranopia 1% of men
#af636a Tritanopia 0.001% of the population

Trichromacy

#93712c Protanomaly 1% of men, 0.01% of women
#9d6d26 Deuteranomaly 6% of men, 0.4% of women
#ad6350 Tritanomaly 0.01% of the population

#a86222 hex color

#a86222 Color Information

#a86222 Color Conversion

Color Schemes with #a86222

Alternatives to #a86222

#a86222 Preview

Shades and Tints of #a86222

Tones of #a86222

Color Blindness Simulator