#a86c3c hex color

In a RGB color space, hex #a86c3c is composed of 65.9% red, 42.4% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 64.3% yellow and 34.1% black. It has a hue angle of 26.7 degrees, a saturation of 47.4% and a lightness of 44.7%. #a86c3c color hex could be obtained by blending #ffd878 with #510000. Closest websafe color is: #996633.

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

● #a86c3c color description : Dark moderate orange.

The hexadecimal color #a86c3c has RGB values of R:168, G:108, B:60 and CMYK values of C:0, M:0.36, Y:0.64, K:0.34. Its decimal value is 11037756.

Hex triplet	a86c3c	`#a86c3c`
RGB Decimal	168, 108, 60	`rgb(168,108,60)`
RGB Percent	65.9, 42.4, 23.5	`rgb(65.9%,42.4%,23.5%)`
CMYK	0, 36, 64, 34
HSL	26.7°, 47.4, 44.7	`hsl(26.7,47.4%,44.7%)`
HSV (or HSB)	26.7°, 64.3, 65.9
Web Safe	996633	`#996633`

CIE-LAB	51.126, 19.172, 36.233
XYZ	22.327, 19.378, 6.839
xyY	0.46, 0.399, 19.378
CIE-LCH	51.126, 40.993, 62.115
CIE-LUV	51.126, 46.487, 36.279
Hunter-Lab	44.02, 13.5, 21.603
Binary	10101000, 01101100, 00111100

#a86c3c
```
#a86c3c rgb(168,108,60)
```
#3c78a8
```
#3c78a8 rgb(60,120,168)
```

Complementary Color

#a83c42
```
#a83c42 rgb(168,60,66)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#a8a23c
```
#a8a23c rgb(168,162,60)
```

Analogous Color

#3c42a8
```
#3c42a8 rgb(60,66,168)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#3ca8a2
```
#3ca8a2 rgb(60,168,162)
```

Split Complementary Color

#6c3ca8
```
#6c3ca8 rgb(108,60,168)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#3ca86c
```
#3ca86c rgb(60,168,108)
```

Triadic Color

#a83c78
```
#a83c78 rgb(168,60,120)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#3ca86c
```
#3ca86c rgb(60,168,108)
```
#3c78a8
```
#3c78a8 rgb(60,120,168)
```

Tetradic Color

#704828
```
#704828 rgb(112,72,40)
```
#82542f
```
#82542f rgb(130,84,47)
```
#956035
```
#956035 rgb(149,96,53)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#bb7843
```
#bb7843 rgb(187,120,67)
```
#c28555
```
#c28555 rgb(194,133,85)
```
#c99368
```
#c99368 rgb(201,147,104)
```

Monochromatic Color

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

#a8513c
```
#a8513c rgb(168,81,60)
```
#a85a3c
```
#a85a3c rgb(168,90,60)
```
#a8633c
```
#a8633c rgb(168,99,60)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#a8753c
```
#a8753c rgb(168,117,60)
```
#a87e3c
```
#a87e3c rgb(168,126,60)
```
#a8873c
```
#a8873c rgb(168,135,60)
```

Similar Colors

Text with hexadecimal color #a86c3c

This text has a font color of #a86c3c.

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

#a86c3c background color

This paragraph has a background color of #a86c3c.

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

#a86c3c border color

This element has a border color of #a86c3c.

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

CSS codes

.text {color:#a86c3c;}

.background {background-color:#a86c3c;}

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

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

#090603
```
#090603 rgb(9,6,3)
```
#170f08
```
#170f08 rgb(23,15,8)
```
#26180e
```
#26180e rgb(38,24,14)
```
#342213
```
#342213 rgb(52,34,19)
```
#432b18
```
#432b18 rgb(67,43,24)
```
#51341d
```
#51341d rgb(81,52,29)
```
#603e22
```
#603e22 rgb(96,62,34)
```
#6e4727
```
#6e4727 rgb(110,71,39)
```
#7d502d
```
#7d502d rgb(125,80,45)
```
#8b5932
```
#8b5932 rgb(139,89,50)
```
#9a6337
```
#9a6337 rgb(154,99,55)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#b67541
```
#b67541 rgb(182,117,65)
```

Shade Color Variation

#bf7f4c
```
#bf7f4c rgb(191,127,76)
```
#c48a5b
```
#c48a5b rgb(196,138,91)
```
#c99469
```
#c99469 rgb(201,148,105)
```
#cf9e77
```
#cf9e77 rgb(207,158,119)
```
#d4a986
```
#d4a986 rgb(212,169,134)
```
#d9b394
```
#d9b394 rgb(217,179,148)
```
#debda3
```
#debda3 rgb(222,189,163)
```
#e3c7b1
```
#e3c7b1 rgb(227,199,177)
```
#e8d2c0
```
#e8d2c0 rgb(232,210,192)
```
#eedcce
```
#eedcce rgb(238,220,206)
```
#f3e6dd
```
#f3e6dd rgb(243,230,221)
```
#f8f1eb
```
#f8f1eb rgb(248,241,235)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#737271
```
#737271 rgb(115,114,113)
```
#7c7168
```
#7c7168 rgb(124,113,104)
```
#85705f
```
#85705f rgb(133,112,95)
```
#8e6f56
```
#8e6f56 rgb(142,111,86)
```
#966e4e
```
#966e4e rgb(150,110,78)
```
#9f6d45
```
#9f6d45 rgb(159,109,69)
```
#a86c3c
```
#a86c3c rgb(168,108,60)
```
#b16b33
```
#b16b33 rgb(177,107,51)
```
#ba6a2a
```
#ba6a2a rgb(186,106,42)
```
#c26922
```
#c26922 rgb(194,105,34)
```
#cb6819
```
#cb6819 rgb(203,104,25)
```
#d46710
```
#d46710 rgb(212,103,16)
```
#dd6607
```
#dd6607 rgb(221,102,7)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#82766c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c804a Protanopia 1% of men
#9d7b43 Deuteranopia 1% of men
#b06e75 Tritanopia 0.001% of the population

Trichromacy

#967945 Protanomaly 1% of men, 0.01% of women
#a17541 Deuteranomaly 6% of men, 0.4% of women
#ad6d60 Tritanomaly 0.01% of the population

#a86c3c hex color

#a86c3c Color Information

#a86c3c Color Conversion

Color Schemes with #a86c3c

Alternatives to #a86c3c

#a86c3c Preview

Shades and Tints of #a86c3c

Tones of #a86c3c

Color Blindness Simulator