#a86c2a hex color

In a RGB color space, hex #a86c2a is composed of 65.9% red, 42.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 75% yellow and 34.1% black. It has a hue angle of 31.4 degrees, a saturation of 60% and a lightness of 41.2%. #a86c2a color hex could be obtained by blending #ffd854 with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 42
- B 16
RGB color chart
- C 0
- M 36
- Y 75
- K 34
CMYK color chart

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

The hexadecimal color #a86c2a has RGB values of R:168, G:108, B:42 and CMYK values of C:0, M:0.36, Y:0.75, K:0.34. Its decimal value is 11037738.

Hex triplet	a86c2a	`#a86c2a`
RGB Decimal	168, 108, 42	`rgb(168,108,42)`
RGB Percent	65.9, 42.4, 16.5	`rgb(65.9%,42.4%,16.5%)`
CMYK	0, 36, 75, 34
HSL	31.4°, 60, 41.2	`hsl(31.4,60%,41.2%)`
HSV (or HSB)	31.4°, 75, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.942, 18.123, 45.036
XYZ	21.929, 19.219, 4.745
xyY	0.478, 0.419, 19.219
CIE-LCH	50.942, 48.546, 68.079
CIE-LUV	50.942, 48.029, 42.903
Hunter-Lab	43.839, 12.572, 24.27
Binary	10101000, 01101100, 00101010

#a86c2a
```
#a86c2a rgb(168,108,42)
```
#2a66a8
```
#2a66a8 rgb(42,102,168)
```

Complementary Color

#a82d2a
```
#a82d2a rgb(168,45,42)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#a5a82a
```
#a5a82a rgb(165,168,42)
```

Analogous Color

#2d2aa8
```
#2d2aa8 rgb(45,42,168)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#2aa5a8
```
#2aa5a8 rgb(42,165,168)
```

Split Complementary Color

#6c2aa8
```
#6c2aa8 rgb(108,42,168)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#2aa86c
```
#2aa86c rgb(42,168,108)
```

Triadic Color

#a82a66
```
#a82a66 rgb(168,42,102)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#2aa86c
```
#2aa86c rgb(42,168,108)
```
#2a66a8
```
#2a66a8 rgb(42,102,168)
```

Tetradic Color

#6b451b
```
#6b451b rgb(107,69,27)
```
#7f5220
```
#7f5220 rgb(127,82,32)
```
#945f25
```
#945f25 rgb(148,95,37)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#bc792f
```
#bc792f rgb(188,121,47)
```
#cd8638
```
#cd8638 rgb(205,134,56)
```
#d2924c
```
#d2924c rgb(210,146,76)
```

Monochromatic Color

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

#a84d2a
```
#a84d2a rgb(168,77,42)
```
#a8572a
```
#a8572a rgb(168,87,42)
```
#a8622a
```
#a8622a rgb(168,98,42)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#a8772a
```
#a8772a rgb(168,119,42)
```
#a8812a
```
#a8812a rgb(168,129,42)
```
#a88c2a
```
#a88c2a rgb(168,140,42)
```

Similar Colors

Text with hexadecimal color #a86c2a

This text has a font color of #a86c2a.

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

#a86c2a background color

This paragraph has a background color of #a86c2a.

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

#a86c2a border color

This element has a border color of #a86c2a.

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

CSS codes

.text {color:#a86c2a;}

.background {background-color:#a86c2a;}

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

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

#0b0703
```
#0b0703 rgb(11,7,3)
```
#1b1107
```
#1b1107 rgb(27,17,7)
```
#2a1b0b
```
#2a1b0b rgb(42,27,11)
```
#3a250f
```
#3a250f rgb(58,37,15)
```
#4a2f12
```
#4a2f12 rgb(74,47,18)
```
#5a3a16
```
#5a3a16 rgb(90,58,22)
```
#69441a
```
#69441a rgb(105,68,26)
```
#794e1e
```
#794e1e rgb(121,78,30)
```
#895822
```
#895822 rgb(137,88,34)
```
#986226
```
#986226 rgb(152,98,38)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#b8762e
```
#b8762e rgb(184,118,46)
```
#c78032
```
#c78032 rgb(199,128,50)
```

Shade Color Variation

#cf8a3e
```
#cf8a3e rgb(207,138,62)
```
#d3934e
```
#d3934e rgb(211,147,78)
```
#d79d5d
```
#d79d5d rgb(215,157,93)
```
#dba66d
```
#dba66d rgb(219,166,109)
```
#deb07d
```
#deb07d rgb(222,176,125)
```
#e2ba8d
```
#e2ba8d rgb(226,186,141)
```
#e6c39c
```
#e6c39c rgb(230,195,156)
```
#eacdac
```
#eacdac rgb(234,205,172)
```
#eed6bc
```
#eed6bc rgb(238,214,188)
```
#f2e0cb
```
#f2e0cb rgb(242,224,203)
```
#f6e9db
```
#f6e9db rgb(246,233,219)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6f6963
```
#6f6963 rgb(111,105,99)
```
#786a5a
```
#786a5a rgb(120,106,90)
```
#806a52
```
#806a52 rgb(128,106,82)
```
#886a4a
```
#886a4a rgb(136,106,74)
```
#906b42
```
#906b42 rgb(144,107,66)
```
#986b3a
```
#986b3a rgb(152,107,58)
```
#a06c32
```
#a06c32 rgb(160,108,50)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#b06c22
```
#b06c22 rgb(176,108,34)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#c06d12
```
#c06d12 rgb(192,109,18)
```
#c86e0a
```
#c86e0a rgb(200,110,10)
```
#d06e02
```
#d06e02 rgb(208,110,2)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#807467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8038 Protanopia 1% of men
#9e7a32 Deuteranopia 1% of men
#b06d74 Tritanopia 0.001% of the population

Trichromacy

#977933 Protanomaly 1% of men, 0.01% of women
#a1752f Deuteranomaly 6% of men, 0.4% of women
#ad6c59 Tritanomaly 0.01% of the population

#a86c2a hex color

#a86c2a Color Information

#a86c2a Color Conversion

Color Schemes with #a86c2a

Alternatives to #a86c2a

#a86c2a Preview

Shades and Tints of #a86c2a

Tones of #a86c2a

Color Blindness Simulator