#a86a3f hex color

In a RGB color space, hex #a86a3f is composed of 65.9% red, 41.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 62.5% yellow and 34.1% black. It has a hue angle of 24.6 degrees, a saturation of 45.5% and a lightness of 45.3%. #a86a3f color hex could be obtained by blending #ffd47e with #510000. Closest websafe color is: #996633.

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

● #a86a3f color description : Dark moderate orange.

The hexadecimal color #a86a3f has RGB values of R:168, G:106, B:63 and CMYK values of C:0, M:0.37, Y:0.63, K:0.34. Its decimal value is 11037247.

Hex triplet	a86a3f	`#a86a3f`
RGB Decimal	168, 106, 63	`rgb(168,106,63)`
RGB Percent	65.9, 41.6, 24.7	`rgb(65.9%,41.6%,24.7%)`
CMYK	0, 37, 63, 34
HSL	24.6°, 45.5, 45.3	`hsl(24.6,45.5%,45.3%)`
HSV (or HSB)	24.6°, 62.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	50.679, 20.512, 34.091
XYZ	22.2, 18.993, 7.199
xyY	0.459, 0.392, 18.993
CIE-LCH	50.679, 39.786, 58.965
CIE-LUV	50.679, 47.646, 34.072
Hunter-Lab	43.581, 14.66, 20.713
Binary	10101000, 01101010, 00111111

#a86a3f
```
#a86a3f rgb(168,106,63)
```
#3f7da8
```
#3f7da8 rgb(63,125,168)
```

Complementary Color

#a83f49
```
#a83f49 rgb(168,63,73)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#a89f3f
```
#a89f3f rgb(168,159,63)
```

Analogous Color

#3f49a8
```
#3f49a8 rgb(63,73,168)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#3fa89f
```
#3fa89f rgb(63,168,159)
```

Split Complementary Color

#6a3fa8
```
#6a3fa8 rgb(106,63,168)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#3fa86a
```
#3fa86a rgb(63,168,106)
```

Triadic Color

#a83f7d
```
#a83f7d rgb(168,63,125)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#3fa86a
```
#3fa86a rgb(63,168,106)
```
#3f7da8
```
#3f7da8 rgb(63,125,168)
```

Tetradic Color

#70472a
```
#70472a rgb(112,71,42)
```
#835331
```
#835331 rgb(131,83,49)
```
#955e38
```
#955e38 rgb(149,94,56)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#ba7647
```
#ba7647 rgb(186,118,71)
```
#c18459
```
#c18459 rgb(193,132,89)
```
#c8916c
```
#c8916c rgb(200,145,108)
```

Monochromatic Color

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

#a8503f
```
#a8503f rgb(168,80,63)
```
#a8593f
```
#a8593f rgb(168,89,63)
```
#a8613f
```
#a8613f rgb(168,97,63)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#a8733f
```
#a8733f rgb(168,115,63)
```
#a87c3f
```
#a87c3f rgb(168,124,63)
```
#a8843f
```
#a8843f rgb(168,132,63)
```

Similar Colors

Text with hexadecimal color #a86a3f

This text has a font color of #a86a3f.

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

#a86a3f background color

This paragraph has a background color of #a86a3f.

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

#a86a3f border color

This element has a border color of #a86a3f.

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

CSS codes

.text {color:#a86a3f;}

.background {background-color:#a86a3f;}

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

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

#0b0704
```
#0b0704 rgb(11,7,4)
```
#19100a
```
#19100a rgb(25,16,10)
```
#28190f
```
#28190f rgb(40,25,15)
```
#362214
```
#362214 rgb(54,34,20)
```
#442b1a
```
#442b1a rgb(68,43,26)
```
#52341f
```
#52341f rgb(82,52,31)
```
#613d24
```
#613d24 rgb(97,61,36)
```
#6f462a
```
#6f462a rgb(111,70,42)
```
#7d4f2f
```
#7d4f2f rgb(125,79,47)
```
#8b5834
```
#8b5834 rgb(139,88,52)
```
#9a613a
```
#9a613a rgb(154,97,58)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#b67344
```
#b67344 rgb(182,115,68)
```

Shade Color Variation

#be7d51
```
#be7d51 rgb(190,125,81)
```
#c3885f
```
#c3885f rgb(195,136,95)
```
#c8926d
```
#c8926d rgb(200,146,109)
```
#ce9d7b
```
#ce9d7b rgb(206,157,123)
```
#d3a88a
```
#d3a88a rgb(211,168,138)
```
#d8b298
```
#d8b298 rgb(216,178,152)
```
#debda6
```
#debda6 rgb(222,189,166)
```
#e3c8b4
```
#e3c8b4 rgb(227,200,180)
```
#e8d2c3
```
#e8d2c3 rgb(232,210,195)
```
#eeddd1
```
#eeddd1 rgb(238,221,209)
```
#f3e7df
```
#f3e7df rgb(243,231,223)
```
#f8f2ee
```
#f8f2ee rgb(248,242,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7c726b
```
#7c726b rgb(124,114,107)
```
#847063
```
#847063 rgb(132,112,99)
```
#8d6f5a
```
#8d6f5a rgb(141,111,90)
```
#966d51
```
#966d51 rgb(150,109,81)
```
#9f6c48
```
#9f6c48 rgb(159,108,72)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#b16836
```
#b16836 rgb(177,104,54)
```
#ba672d
```
#ba672d rgb(186,103,45)
```
#c36524
```
#c36524 rgb(195,101,36)
```
#cc641b
```
#cc641b rgb(204,100,27)
```
#d46213
```
#d46213 rgb(212,98,19)
```
#dd600a
```
#dd600a rgb(221,96,10)
```
#e65f01
```
#e65f01 rgb(230,95,1)
```

Tone Color Variation

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

Dichromacy

#8b7f4d Protanopia 1% of men
#9b7a46 Deuteranopia 1% of men
#af6c73 Tritanopia 0.001% of the population

Trichromacy

#957748 Protanomaly 1% of men, 0.01% of women
#9f7443 Deuteranomaly 6% of men, 0.4% of women
#ac6b60 Tritanomaly 0.01% of the population

#a86a3f hex color

#a86a3f Color Information

#a86a3f Color Conversion

Color Schemes with #a86a3f

Alternatives to #a86a3f

#a86a3f Preview

Shades and Tints of #a86a3f

Tones of #a86a3f

Color Blindness Simulator