#a86a1c hex color

In a RGB color space, hex #a86a1c is composed of 65.9% red, 41.6% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 83.3% yellow and 34.1% black. It has a hue angle of 33.4 degrees, a saturation of 71.4% and a lightness of 38.4%. #a86a1c color hex could be obtained by blending #ffd438 with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 42
- B 11
RGB color chart
- C 0
- M 37
- Y 83
- K 34
CMYK color chart

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

The hexadecimal color #a86a1c has RGB values of R:168, G:106, B:28 and CMYK values of C:0, M:0.37, Y:0.83, K:0.34. Its decimal value is 11037212.

Hex triplet	a86a1c	`#a86a1c`
RGB Decimal	168, 106, 28	`rgb(168,106,28)`
RGB Percent	65.9, 41.6, 11	`rgb(65.9%,41.6%,11%)`
CMYK	0, 37, 83, 34
HSL	33.4°, 71.4, 38.4	`hsl(33.4,71.4%,38.4%)`
HSV (or HSB)	33.4°, 83.3, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.356, 18.694, 50.343
XYZ	21.513, 18.718, 3.579
xyY	0.491, 0.427, 18.718
CIE-LCH	50.356, 53.702, 69.628
CIE-LUV	50.356, 50.447, 45.726
Hunter-Lab	43.265, 13.043, 25.381
Binary	10101000, 01101010, 00011100

#a86a1c
```
#a86a1c rgb(168,106,28)
```
#1c5aa8
```
#1c5aa8 rgb(28,90,168)
```

Complementary Color

#a8241c
```
#a8241c rgb(168,36,28)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#a0a81c
```
#a0a81c rgb(160,168,28)
```

Analogous Color

#241ca8
```
#241ca8 rgb(36,28,168)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#1ca0a8
```
#1ca0a8 rgb(28,160,168)
```

Split Complementary Color

#6a1ca8
```
#6a1ca8 rgb(106,28,168)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#1ca86a
```
#1ca86a rgb(28,168,106)
```

Triadic Color

#a81c5a
```
#a81c5a rgb(168,28,90)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#1ca86a
```
#1ca86a rgb(28,168,106)
```
#1c5aa8
```
#1c5aa8 rgb(28,90,168)
```

Tetradic Color

#664111
```
#664111 rgb(102,65,17)
```
#7c4e15
```
#7c4e15 rgb(124,78,21)
```
#925c18
```
#925c18 rgb(146,92,24)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#be7820
```
#be7820 rgb(190,120,32)
```
#d48623
```
#d48623 rgb(212,134,35)
```
#dd9233
```
#dd9233 rgb(221,146,51)
```

Monochromatic Color

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

#a8471c
```
#a8471c rgb(168,71,28)
```
#a8531c
```
#a8531c rgb(168,83,28)
```
#a85e1c
```
#a85e1c rgb(168,94,28)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#a8761c
```
#a8761c rgb(168,118,28)
```
#a8811c
```
#a8811c rgb(168,129,28)
```
#a88d1c
```
#a88d1c rgb(168,141,28)
```

Similar Colors

Text with hexadecimal color #a86a1c

This text has a font color of #a86a1c.

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

#a86a1c background color

This paragraph has a background color of #a86a1c.

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

#a86a1c border color

This element has a border color of #a86a1c.

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

CSS codes

.text {color:#a86a1c;}

.background {background-color:#a86a1c;}

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

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, #110b03 is the darkest color, while #ffffff is the lightest one.

#110b03
```
#110b03 rgb(17,11,3)
```
#211506
```
#211506 rgb(33,21,6)
```
#322008
```
#322008 rgb(50,32,8)
```
#432a0b
```
#432a0b rgb(67,42,11)
```
#54350e
```
#54350e rgb(84,53,14)
```
#654011
```
#654011 rgb(101,64,17)
```
#764a14
```
#764a14 rgb(118,74,20)
```
#865516
```
#865516 rgb(134,85,22)
```
#975f19
```
#975f19 rgb(151,95,25)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#b9751f
```
#b9751f rgb(185,117,31)
```
#ca7f22
```
#ca7f22 rgb(202,127,34)
```
#da8a24
```
#da8a24 rgb(218,138,36)
```

Shade Color Variation

#dd9335
```
#dd9335 rgb(221,147,53)
```
#e09c46
```
#e09c46 rgb(224,156,70)
```
#e3a557
```
#e3a557 rgb(227,165,87)
```
#e6ae68
```
#e6ae68 rgb(230,174,104)
```
#e9b778
```
#e9b778 rgb(233,183,120)
```
#ebc089
```
#ebc089 rgb(235,192,137)
```
#eec99a
```
#eec99a rgb(238,201,154)
```
#f1d2ab
```
#f1d2ab rgb(241,210,171)
```
#f4dbbc
```
#f4dbbc rgb(244,219,188)
```
#f7e4cc
```
#f7e4cc rgb(247,228,204)
```
#f9eddd
```
#f9eddd rgb(249,237,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646260
```
#646260 rgb(100,98,96)
```
#6c6358
```
#6c6358 rgb(108,99,88)
```
#736451
```
#736451 rgb(115,100,81)
```
#7b6549
```
#7b6549 rgb(123,101,73)
```
#826642
```
#826642 rgb(130,102,66)
```
#8a673a
```
#8a673a rgb(138,103,58)
```
#916733
```
#916733 rgb(145,103,51)
```
#99682b
```
#99682b rgb(153,104,43)
```
#a06924
```
#a06924 rgb(160,105,36)
```
#a86a1c
```
#a86a1c rgb(168,106,28)
```
#b06b14
```
#b06b14 rgb(176,107,20)
```
#b76c0d
```
#b76c0d rgb(183,108,13)
```
#bf6d05
```
#bf6d05 rgb(191,109,5)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2b Protanopia 1% of men
#9d7824 Deuteranopia 1% of men
#b06a71 Tritanopia 0.001% of the population

Trichromacy

#977725 Protanomaly 1% of men, 0.01% of women
#a17321 Deuteranomaly 6% of men, 0.4% of women
#ad6a52 Tritanomaly 0.01% of the population

#a86a1c hex color

#a86a1c Color Information

#a86a1c Color Conversion

Color Schemes with #a86a1c

Alternatives to #a86a1c

#a86a1c Preview

Shades and Tints of #a86a1c

Tones of #a86a1c

Color Blindness Simulator