#a86620 hex color

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

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

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

The hexadecimal color #a86620 has RGB values of R:168, G:102, B:32 and CMYK values of C:0, M:0.39, Y:0.81, K:0.34. Its decimal value is 11036192.

Hex triplet	a86620	`#a86620`
RGB Decimal	168, 102, 32	`rgb(168,102,32)`
RGB Percent	65.9, 40, 12.5	`rgb(65.9%,40%,12.5%)`
CMYK	0, 39, 81, 34
HSL	30.9°, 68, 39.2	`hsl(30.9,68%,39.2%)`
HSV (or HSB)	30.9°, 81, 65.9
Web Safe	996633	`#996633`

CIE-LAB	49.415, 21.08, 47.926
XYZ	21.161, 17.933, 3.714
xyY	0.494, 0.419, 17.933
CIE-LCH	49.415, 52.357, 66.258
CIE-LUV	49.415, 53.376, 43.259
Hunter-Lab	42.348, 15.087, 24.444
Binary	10101000, 01100110, 00100000

#a86620
```
#a86620 rgb(168,102,32)
```
#2062a8
```
#2062a8 rgb(32,98,168)
```

Complementary Color

#a82220
```
#a82220 rgb(168,34,32)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#a6a820
```
#a6a820 rgb(166,168,32)
```

Analogous Color

#2220a8
```
#2220a8 rgb(34,32,168)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#20a6a8
```
#20a6a8 rgb(32,166,168)
```

Split Complementary Color

#6620a8
```
#6620a8 rgb(102,32,168)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#20a866
```
#20a866 rgb(32,168,102)
```

Triadic Color

#a82062
```
#a82062 rgb(168,32,98)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#20a866
```
#20a866 rgb(32,168,102)
```
#2062a8
```
#2062a8 rgb(32,98,168)
```

Tetradic Color

#683f14
```
#683f14 rgb(104,63,20)
```
#7d4c18
```
#7d4c18 rgb(125,76,24)
```
#93591c
```
#93591c rgb(147,89,28)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#bd7324
```
#bd7324 rgb(189,115,36)
```
#d38028
```
#d38028 rgb(211,128,40)
```
#da8d3b
```
#da8d3b rgb(218,141,59)
```

Monochromatic Color

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

#a84420
```
#a84420 rgb(168,68,32)
```
#a84f20
```
#a84f20 rgb(168,79,32)
```
#a85b20
```
#a85b20 rgb(168,91,32)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#a87120
```
#a87120 rgb(168,113,32)
```
#a87d20
```
#a87d20 rgb(168,125,32)
```
#a88820
```
#a88820 rgb(168,136,32)
```

Similar Colors

Text with hexadecimal color #a86620

This text has a font color of #a86620.

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

#a86620 background color

This paragraph has a background color of #a86620.

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

#a86620 border color

This element has a border color of #a86620.

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

CSS codes

.text {color:#a86620;}

.background {background-color:#a86620;}

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

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)
```
#140c04
```
#140c04 rgb(20,12,4)
```
#241607
```
#241607 rgb(36,22,7)
```
#35200a
```
#35200a rgb(53,32,10)
```
#452a0d
```
#452a0d rgb(69,42,13)
```
#563410
```
#563410 rgb(86,52,16)
```
#663e13
```
#663e13 rgb(102,62,19)
```
#774817
```
#774817 rgb(119,72,23)
```
#87521a
```
#87521a rgb(135,82,26)
```
#985c1d
```
#985c1d rgb(152,92,29)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#b87023
```
#b87023 rgb(184,112,35)
```
#c97a26
```
#c97a26 rgb(201,122,38)
```

Shade Color Variation

#d7842c
```
#d7842c rgb(215,132,44)
```
#da8e3d
```
#da8e3d rgb(218,142,61)
```
#dd974d
```
#dd974d rgb(221,151,77)
```
#e0a15d
```
#e0a15d rgb(224,161,93)
```
#e3aa6e
```
#e3aa6e rgb(227,170,110)
```
#e7b47e
```
#e7b47e rgb(231,180,126)
```
#eabe8f
```
#eabe8f rgb(234,190,143)
```
#edc79f
```
#edc79f rgb(237,199,159)
```
#f0d1b0
```
#f0d1b0 rgb(240,209,176)
```
#f3dac0
```
#f3dac0 rgb(243,218,192)
```
#f6e4d1
```
#f6e4d1 rgb(246,228,209)
```
#f9eee1
```
#f9eee1 rgb(249,238,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 #c76701 is the most saturated one.

#6a645e
```
#6a645e rgb(106,100,94)
```
#726456
```
#726456 rgb(114,100,86)
```
#7a654e
```
#7a654e rgb(122,101,78)
```
#826546
```
#826546 rgb(130,101,70)
```
#89653f
```
#89653f rgb(137,101,63)
```
#916537
```
#916537 rgb(145,101,55)
```
#99662f
```
#99662f rgb(153,102,47)
```
#a06628
```
#a06628 rgb(160,102,40)
```
#a86620
```
#a86620 rgb(168,102,32)
```
#b06618
```
#b06618 rgb(176,102,24)
```
#b76611
```
#b76611 rgb(183,102,17)
```
#bf6709
```
#bf6709 rgb(191,103,9)
```
#c76701
```
#c76701 rgb(199,103,1)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7d7062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c2f Protanopia 1% of men
#9a7627 Deuteranopia 1% of men
#b0676e Tritanopia 0.001% of the population

Trichromacy

#957429 Protanomaly 1% of men, 0.01% of women
#9f7024 Deuteranomaly 6% of men, 0.4% of women
#ad6651 Tritanomaly 0.01% of the population

#a86620 hex color

#a86620 Color Information

#a86620 Color Conversion

Color Schemes with #a86620

Alternatives to #a86620

#a86620 Preview

Shades and Tints of #a86620

Tones of #a86620

Color Blindness Simulator