#a86616 hex color

In a RGB color space, hex #a86616 is composed of 65.9% red, 40% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 86.9% yellow and 34.1% black. It has a hue angle of 32.9 degrees, a saturation of 76.8% and a lightness of 37.3%. #a86616 color hex could be obtained by blending #ffcc2c with #510000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a86616 has RGB values of R:168, G:102, B:22 and CMYK values of C:0, M:0.39, Y:0.87, K:0.34. Its decimal value is 11036182.

Hex triplet	a86616	`#a86616`
RGB Decimal	168, 102, 22	`rgb(168,102,22)`
RGB Percent	65.9, 40, 8.6	`rgb(65.9%,40%,8.6%)`
CMYK	0, 39, 87, 34
HSL	32.9°, 76.8, 37.3	`hsl(32.9,76.8%,37.3%)`
HSV (or HSB)	32.9°, 86.9, 65.9
Web Safe	996600	`#996600`

CIE-LAB	49.359, 20.769, 51.596
XYZ	21.045, 17.887, 3.103
xyY	0.501, 0.426, 17.887
CIE-LCH	49.359, 55.619, 68.074
CIE-LUV	49.359, 53.913, 45.354
Hunter-Lab	42.293, 14.809, 25.255
Binary	10101000, 01100110, 00010110

#a86616
```
#a86616 rgb(168,102,22)
```
#1658a8
```
#1658a8 rgb(22,88,168)
```

Complementary Color

#a81d16
```
#a81d16 rgb(168,29,22)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#a1a816
```
#a1a816 rgb(161,168,22)
```

Analogous Color

#1d16a8
```
#1d16a8 rgb(29,22,168)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#16a1a8
```
#16a1a8 rgb(22,161,168)
```

Split Complementary Color

#6616a8
```
#6616a8 rgb(102,22,168)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#16a866
```
#16a866 rgb(22,168,102)
```

Triadic Color

#a81658
```
#a81658 rgb(168,22,88)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#16a866
```
#16a866 rgb(22,168,102)
```
#1658a8
```
#1658a8 rgb(22,88,168)
```

Tetradic Color

#643d0d
```
#643d0d rgb(100,61,13)
```
#7b4b10
```
#7b4b10 rgb(123,75,16)
```
#915813
```
#915813 rgb(145,88,19)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#bf7419
```
#bf7419 rgb(191,116,25)
```
#d5811c
```
#d5811c rgb(213,129,28)
```
#e38e28
```
#e38e28 rgb(227,142,40)
```

Monochromatic Color

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

#a84116
```
#a84116 rgb(168,65,22)
```
#a84e16
```
#a84e16 rgb(168,78,22)
```
#a85a16
```
#a85a16 rgb(168,90,22)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#a87216
```
#a87216 rgb(168,114,22)
```
#a87e16
```
#a87e16 rgb(168,126,22)
```
#a88b16
```
#a88b16 rgb(168,139,22)
```

Similar Colors

Text with hexadecimal color #a86616

This text has a font color of #a86616.

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

#a86616 background color

This paragraph has a background color of #a86616.

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

#a86616 border color

This element has a border color of #a86616.

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

CSS codes

.text {color:#a86616;}

.background {background-color:#a86616;}

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

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, #0c0702 is the darkest color, while #fefcfa is the lightest one.

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1204
```
#1d1204 rgb(29,18,4)
```
#2f1c06
```
#2f1c06 rgb(47,28,6)
```
#402708
```
#402708 rgb(64,39,8)
```
#51310b
```
#51310b rgb(81,49,11)
```
#633c0d
```
#633c0d rgb(99,60,13)
```
#74460f
```
#74460f rgb(116,70,15)
```
#855111
```
#855111 rgb(133,81,17)
```
#975b14
```
#975b14 rgb(151,91,20)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#b97118
```
#b97118 rgb(185,113,24)
```
#cb7b1b
```
#cb7b1b rgb(203,123,27)
```
#dc861d
```
#dc861d rgb(220,134,29)
```

Shade Color Variation

#e38f29
```
#e38f29 rgb(227,143,41)
```
#e5983b
```
#e5983b rgb(229,152,59)
```
#e8a14c
```
#e8a14c rgb(232,161,76)
```
#eaaa5d
```
#eaaa5d rgb(234,170,93)
```
#ecb36f
```
#ecb36f rgb(236,179,111)
```
#eebd80
```
#eebd80 rgb(238,189,128)
```
#f1c691
```
#f1c691 rgb(241,198,145)
```
#f3cfa3
```
#f3cfa3 rgb(243,207,163)
```
#f5d8b4
```
#f5d8b4 rgb(245,216,180)
```
#f7e1c6
```
#f7e1c6 rgb(247,225,198)
```
#faead7
```
#faead7 rgb(250,234,215)
```
#fcf3e8
```
#fcf3e8 rgb(252,243,232)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#666058
```
#666058 rgb(102,96,88)
```
#6e6050
```
#6e6050 rgb(110,96,80)
```
#756149
```
#756149 rgb(117,97,73)
```
#7c6242
```
#7c6242 rgb(124,98,66)
```
#83623b
```
#83623b rgb(131,98,59)
```
#8b6333
```
#8b6333 rgb(139,99,51)
```
#92642c
```
#92642c rgb(146,100,44)
```
#996525
```
#996525 rgb(153,101,37)
```
#a1651d
```
#a1651d rgb(161,101,29)
```
#a86616
```
#a86616 rgb(168,102,22)
```
#af670f
```
#af670f rgb(175,103,15)
```
#b76707
```
#b76707 rgb(183,103,7)
```
#be6800
```
#be6800 rgb(190,104,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7c6f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c25 Protanopia 1% of men
#9b761d Deuteranopia 1% of men
#b0676d Tritanopia 0.001% of the population

Trichromacy

#957420 Protanomaly 1% of men, 0.01% of women
#9f701a Deuteranomaly 6% of men, 0.4% of women
#ad664d Tritanomaly 0.01% of the population

#a86616 hex color

#a86616 Color Information

#a86616 Color Conversion

Color Schemes with #a86616

Alternatives to #a86616

#a86616 Preview

Shades and Tints of #a86616

Tones of #a86616

Color Blindness Simulator