#a86a21 hex color

In a RGB color space, hex #a86a21 is composed of 65.9% red, 41.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 80.4% yellow and 34.1% black. It has a hue angle of 32.4 degrees, a saturation of 67.2% and a lightness of 39.4%. #a86a21 color hex could be obtained by blending #ffd442 with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86a21 has RGB values of R:168, G:106, B:33 and CMYK values of C:0, M:0.37, Y:0.8, K:0.34. Its decimal value is 11037217.

Hex triplet	a86a21	`#a86a21`
RGB Decimal	168, 106, 33	`rgb(168,106,33)`
RGB Percent	65.9, 41.6, 12.9	`rgb(65.9%,41.6%,12.9%)`
CMYK	0, 37, 80, 34
HSL	32.4°, 67.2, 39.4	`hsl(32.4,67.2%,39.4%)`
HSV (or HSB)	32.4°, 80.4, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.387, 18.868, 48.418
XYZ	21.578, 18.744, 3.92
xyY	0.488, 0.424, 18.744
CIE-LCH	50.387, 51.964, 68.709
CIE-LUV	50.387, 50.171, 44.582
Hunter-Lab	43.295, 13.197, 24.937
Binary	10101000, 01101010, 00100001

#a86a21
```
#a86a21 rgb(168,106,33)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```

Complementary Color

#a82721
```
#a82721 rgb(168,39,33)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#a3a821
```
#a3a821 rgb(163,168,33)
```

Analogous Color

#2721a8
```
#2721a8 rgb(39,33,168)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#21a3a8
```
#21a3a8 rgb(33,163,168)
```

Split Complementary Color

#6a21a8
```
#6a21a8 rgb(106,33,168)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#21a86a
```
#21a86a rgb(33,168,106)
```

Triadic Color

#a8215f
```
#a8215f rgb(168,33,95)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#21a86a
```
#21a86a rgb(33,168,106)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```

Tetradic Color

#684214
```
#684214 rgb(104,66,20)
```
#7d4f19
```
#7d4f19 rgb(125,79,25)
```
#935d1d
```
#935d1d rgb(147,93,29)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#bd7725
```
#bd7725 rgb(189,119,37)
```
#d38529
```
#d38529 rgb(211,133,41)
```
#d9913d
```
#d9913d rgb(217,145,61)
```

Monochromatic Color

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

#a84821
```
#a84821 rgb(168,72,33)
```
#a85421
```
#a85421 rgb(168,84,33)
```
#a85f21
```
#a85f21 rgb(168,95,33)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#a87521
```
#a87521 rgb(168,117,33)
```
#a88121
```
#a88121 rgb(168,129,33)
```
#a88c21
```
#a88c21 rgb(168,140,33)
```

Similar Colors

Text with hexadecimal color #a86a21

This text has a font color of #a86a21.

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

#a86a21 background color

This paragraph has a background color of #a86a21.

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

#a86a21 border color

This element has a border color of #a86a21.

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

CSS codes

.text {color:#a86a21;}

.background {background-color:#a86a21;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140d04
```
#140d04 rgb(20,13,4)
```
#251707
```
#251707 rgb(37,23,7)
```
#35220a
```
#35220a rgb(53,34,10)
```
#462c0e
```
#462c0e rgb(70,44,14)
```
#563611
```
#563611 rgb(86,54,17)
```
#664114
```
#664114 rgb(102,65,20)
```
#774b17
```
#774b17 rgb(119,75,23)
```
#87551b
```
#87551b rgb(135,85,27)
```
#98601e
```
#98601e rgb(152,96,30)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#b87424
```
#b87424 rgb(184,116,36)
```
#c97f27
```
#c97f27 rgb(201,127,39)
```

Shade Color Variation

#d6892e
```
#d6892e rgb(214,137,46)
```
#d9923e
```
#d9923e rgb(217,146,62)
```
#dc9b4f
```
#dc9b4f rgb(220,155,79)
```
#e0a55f
```
#e0a55f rgb(224,165,95)
```
#e3ae6f
```
#e3ae6f rgb(227,174,111)
```
#e6b780
```
#e6b780 rgb(230,183,128)
```
#e9c090
```
#e9c090 rgb(233,192,144)
```
#eccaa1
```
#eccaa1 rgb(236,202,161)
```
#f0d3b1
```
#f0d3b1 rgb(240,211,177)
```
#f3dcc1
```
#f3dcc1 rgb(243,220,193)
```
#f6e5d2
```
#f6e5d2 rgb(246,229,210)
```
#f9efe2
```
#f9efe2 rgb(249,239,226)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#6a655f
```
#6a655f rgb(106,101,95)
```
#726657
```
#726657 rgb(114,102,87)
```
#7a664f
```
#7a664f rgb(122,102,79)
```
#816748
```
#816748 rgb(129,103,72)
```
#896740
```
#896740 rgb(137,103,64)
```
#916838
```
#916838 rgb(145,104,56)
```
#996930
```
#996930 rgb(153,105,48)
```
#a06929
```
#a06929 rgb(160,105,41)
```
#a86a21
```
#a86a21 rgb(168,106,33)
```
#b06b19
```
#b06b19 rgb(176,107,25)
```
#b76b12
```
#b76b12 rgb(183,107,18)
```
#bf6c0a
```
#bf6c0a rgb(191,108,10)
```
#c76d02
```
#c76d02 rgb(199,109,2)
```

Tone Color Variation

Below, you can see how #a86a21 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
#7e7263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f30 Protanopia 1% of men
#9d7829 Deuteranopia 1% of men
#b06a72 Tritanopia 0.001% of the population

Trichromacy

#96772a Protanomaly 1% of men, 0.01% of women
#a17326 Deuteranomaly 6% of men, 0.4% of women
#ad6a54 Tritanomaly 0.01% of the population

#a86a21 hex color

#a86a21 Color Information

#a86a21 Color Conversion

Color Schemes with #a86a21

Alternatives to #a86a21

#a86a21 Preview

Shades and Tints of #a86a21

Tones of #a86a21

Color Blindness Simulator