#a86220 hex color

In a RGB color space, hex #a86220 is composed of 65.9% red, 38.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 81% yellow and 34.1% black. It has a hue angle of 29.1 degrees, a saturation of 68% and a lightness of 39.2%. #a86220 color hex could be obtained by blending #ffc440 with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86220 has RGB values of R:168, G:98, B:32 and CMYK values of C:0, M:0.42, Y:0.81, K:0.34. Its decimal value is 11035168.

Hex triplet	a86220	`#a86220`
RGB Decimal	168, 98, 32	`rgb(168,98,32)`
RGB Percent	65.9, 38.4, 12.5	`rgb(65.9%,38.4%,12.5%)`
CMYK	0, 42, 81, 34
HSL	29.1°, 68, 39.2	`hsl(29.1,68%,39.2%)`
HSV (or HSB)	29.1°, 81, 65.9
Web Safe	996633	`#996633`

CIE-LAB	48.469, 23.318, 47.047
XYZ	20.777, 17.166, 3.586
xyY	0.5, 0.413, 17.166
CIE-LCH	48.469, 52.508, 63.636
CIE-LUV	48.469, 56.527, 41.712
Hunter-Lab	41.432, 17.009, 23.871
Binary	10101000, 01100010, 00100000

#a86220
```
#a86220 rgb(168,98,32)
```
#2066a8
```
#2066a8 rgb(32,102,168)
```

Complementary Color

#a82022
```
#a82022 rgb(168,32,34)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#a8a620
```
#a8a620 rgb(168,166,32)
```

Analogous Color

#2022a8
```
#2022a8 rgb(32,34,168)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#20a8a6
```
#20a8a6 rgb(32,168,166)
```

Split Complementary Color

#6220a8
```
#6220a8 rgb(98,32,168)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#20a862
```
#20a862 rgb(32,168,98)
```

Triadic Color

#a82066
```
#a82066 rgb(168,32,102)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#20a862
```
#20a862 rgb(32,168,98)
```
#2066a8
```
#2066a8 rgb(32,102,168)
```

Tetradic Color

#683d14
```
#683d14 rgb(104,61,20)
```
#7d4918
```
#7d4918 rgb(125,73,24)
```
#93561c
```
#93561c rgb(147,86,28)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#bd6e24
```
#bd6e24 rgb(189,110,36)
```
#d37b28
```
#d37b28 rgb(211,123,40)
```
#da883b
```
#da883b rgb(218,136,59)
```

Monochromatic Color

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

#a84020
```
#a84020 rgb(168,64,32)
```
#a84b20
```
#a84b20 rgb(168,75,32)
```
#a85720
```
#a85720 rgb(168,87,32)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#a86d20
```
#a86d20 rgb(168,109,32)
```
#a87920
```
#a87920 rgb(168,121,32)
```
#a88420
```
#a88420 rgb(168,132,32)
```

Similar Colors

Text with hexadecimal color #a86220

This text has a font color of #a86220.

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

#a86220 background color

This paragraph has a background color of #a86220.

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

#a86220 border color

This element has a border color of #a86220.

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

CSS codes

.text {color:#a86220;}

.background {background-color:#a86220;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140b04
```
#140b04 rgb(20,11,4)
```
#241507
```
#241507 rgb(36,21,7)
```
#351f0a
```
#351f0a rgb(53,31,10)
```
#45280d
```
#45280d rgb(69,40,13)
```
#563210
```
#563210 rgb(86,50,16)
```
#663c13
```
#663c13 rgb(102,60,19)
```
#774517
```
#774517 rgb(119,69,23)
```
#874f1a
```
#874f1a rgb(135,79,26)
```
#98581d
```
#98581d rgb(152,88,29)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#b86c23
```
#b86c23 rgb(184,108,35)
```
#c97526
```
#c97526 rgb(201,117,38)
```

Shade Color Variation

#d77f2c
```
#d77f2c rgb(215,127,44)
```
#da893d
```
#da893d rgb(218,137,61)
```
#dd934d
```
#dd934d rgb(221,147,77)
```
#e09d5d
```
#e09d5d rgb(224,157,93)
```
#e3a76e
```
#e3a76e rgb(227,167,110)
```
#e7b17e
```
#e7b17e rgb(231,177,126)
```
#eabb8f
```
#eabb8f rgb(234,187,143)
```
#edc59f
```
#edc59f rgb(237,197,159)
```
#f0cfb0
```
#f0cfb0 rgb(240,207,176)
```
#f3d9c0
```
#f3d9c0 rgb(243,217,192)
```
#f6e3d1
```
#f6e3d1 rgb(246,227,209)
```
#f9ede1
```
#f9ede1 rgb(249,237,225)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#6a645e
```
#6a645e rgb(106,100,94)
```
#726456
```
#726456 rgb(114,100,86)
```
#7a634e
```
#7a634e rgb(122,99,78)
```
#826346
```
#826346 rgb(130,99,70)
```
#89633f
```
#89633f rgb(137,99,63)
```
#916337
```
#916337 rgb(145,99,55)
```
#99622f
```
#99622f rgb(153,98,47)
```
#a06228
```
#a06228 rgb(160,98,40)
```
#a86220
```
#a86220 rgb(168,98,32)
```
#b06218
```
#b06218 rgb(176,98,24)
```
#b76211
```
#b76211 rgb(183,98,17)
```
#bf6109
```
#bf6109 rgb(191,97,9)
```
#c76101
```
#c76101 rgb(199,97,1)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7a6c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a2f Protanopia 1% of men
#987427 Deuteranopia 1% of men
#af636a Tritanopia 0.001% of the population

Trichromacy

#93712a Protanomaly 1% of men, 0.01% of women
#9d6d24 Deuteranomaly 6% of men, 0.4% of women
#ad634f Tritanomaly 0.01% of the population

#a86220 hex color

#a86220 Color Information

#a86220 Color Conversion

Color Schemes with #a86220

Alternatives to #a86220

#a86220 Preview

Shades and Tints of #a86220

Tones of #a86220

Color Blindness Simulator