#a87d1f hex color

In a RGB color space, hex #a87d1f is composed of 65.9% red, 49% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 41.2 degrees, a saturation of 68.8% and a lightness of 39%. #a87d1f color hex could be obtained by blending #fffa3e with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 49
- B 12
RGB color chart
- C 0
- M 26
- Y 82
- K 34
CMYK color chart

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

The hexadecimal color #a87d1f has RGB values of R:168, G:125, B:31 and CMYK values of C:0, M:0.26, Y:0.82, K:0.34. Its decimal value is 11042079.

Hex triplet	a87d1f	`#a87d1f`
RGB Decimal	168, 125, 31	`rgb(168,125,31)`
RGB Percent	65.9, 49, 12.2	`rgb(65.9%,49%,12.2%)`
CMYK	0, 26, 82, 34
HSL	41.2°, 68.8, 39	`hsl(41.2,68.8%,39%)`
HSV (or HSB)	41.2°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	55.167, 8.084, 53.535
XYZ	23.73, 23.092, 4.504
xyY	0.462, 0.45, 23.092
CIE-LCH	55.167, 54.142, 81.413
CIE-LUV	55.167, 35.563, 52.653
Hunter-Lab	48.054, 4.05, 28.081
Binary	10101000, 01111101, 00011111

#a87d1f
```
#a87d1f rgb(168,125,31)
```
#1f4aa8
```
#1f4aa8 rgb(31,74,168)
```

Complementary Color

#a8391f
```
#a8391f rgb(168,57,31)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#8fa81f
```
#8fa81f rgb(143,168,31)
```

Analogous Color

#391fa8
```
#391fa8 rgb(57,31,168)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#1f8fa8
```
#1f8fa8 rgb(31,143,168)
```

Split Complementary Color

#7d1fa8
```
#7d1fa8 rgb(125,31,168)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#1fa87d
```
#1fa87d rgb(31,168,125)
```

Triadic Color

#a81f4a
```
#a81f4a rgb(168,31,74)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#1fa87d
```
#1fa87d rgb(31,168,125)
```
#1f4aa8
```
#1f4aa8 rgb(31,74,168)
```

Tetradic Color

#674d13
```
#674d13 rgb(103,77,19)
```
#7d5d17
```
#7d5d17 rgb(125,93,23)
```
#926d1b
```
#926d1b rgb(146,109,27)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#be8d23
```
#be8d23 rgb(190,141,35)
```
#d39d27
```
#d39d27 rgb(211,157,39)
```
#daa839
```
#daa839 rgb(218,168,57)
```

Monochromatic Color

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

#a85b1f
```
#a85b1f rgb(168,91,31)
```
#a8661f
```
#a8661f rgb(168,102,31)
```
#a8721f
```
#a8721f rgb(168,114,31)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#a8881f
```
#a8881f rgb(168,136,31)
```
#a8941f
```
#a8941f rgb(168,148,31)
```
#a89f1f
```
#a89f1f rgb(168,159,31)
```

Similar Colors

Text with hexadecimal color #a87d1f

This text has a font color of #a87d1f.

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

#a87d1f background color

This paragraph has a background color of #a87d1f.

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

#a87d1f border color

This element has a border color of #a87d1f.

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

CSS codes

.text {color:#a87d1f;}

.background {background-color:#a87d1f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130e03
```
#130e03 rgb(19,14,3)
```
#241a07
```
#241a07 rgb(36,26,7)
```
#34270a
```
#34270a rgb(52,39,10)
```
#45330d
```
#45330d rgb(69,51,13)
```
#553f10
```
#553f10 rgb(85,63,16)
```
#664c13
```
#664c13 rgb(102,76,19)
```
#765816
```
#765816 rgb(118,88,22)
```
#876419
```
#876419 rgb(135,100,25)
```
#97711c
```
#97711c rgb(151,113,28)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#b98922
```
#b98922 rgb(185,137,34)
```
#c99625
```
#c99625 rgb(201,150,37)
```

Shade Color Variation

#d8a12a
```
#d8a12a rgb(216,161,42)
```
#dba93b
```
#dba93b rgb(219,169,59)
```
#deb04b
```
#deb04b rgb(222,176,75)
```
#e1b75c
```
#e1b75c rgb(225,183,92)
```
#e4be6c
```
#e4be6c rgb(228,190,108)
```
#e7c67d
```
#e7c67d rgb(231,198,125)
```
#eacd8d
```
#eacd8d rgb(234,205,141)
```
#edd49e
```
#edd49e rgb(237,212,158)
```
#f0dcaf
```
#f0dcaf rgb(240,220,175)
```
#f3e3bf
```
#f3e3bf rgb(243,227,191)
```
#f6ead0
```
#f6ead0 rgb(246,234,208)
```
#f9f1e0
```
#f9f1e0 rgb(249,241,224)
```
#fcf9f1
```
#fcf9f1 rgb(252,249,241)
```

Tint Color Variation

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

#6b665c
```
#6b665c rgb(107,102,92)
```
#726955
```
#726955 rgb(114,105,85)
```
#7a6c4d
```
#7a6c4d rgb(122,108,77)
```
#826f45
```
#826f45 rgb(130,111,69)
```
#89723e
```
#89723e rgb(137,114,62)
```
#917436
```
#917436 rgb(145,116,54)
```
#99772e
```
#99772e rgb(153,119,46)
```
#a07a27
```
#a07a27 rgb(160,122,39)
```
#a87d1f
```
#a87d1f rgb(168,125,31)
```
#b08017
```
#b08017 rgb(176,128,23)
```
#b78310
```
#b78310 rgb(183,131,16)
```
#bf8608
```
#bf8608 rgb(191,134,8)
```
#c78800
```
#c78800 rgb(199,136,0)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#877f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a2c Protanopia 1% of men
#ac832a Deuteranopia 1% of men
#b27b84 Tritanopia 0.001% of the population

Trichromacy

#9f8527 Protanomaly 1% of men, 0.01% of women
#aa8126 Deuteranomaly 6% of men, 0.4% of women
#ae7c5f Tritanomaly 0.01% of the population

#a87d1f hex color

#a87d1f Color Information

#a87d1f Color Conversion

Color Schemes with #a87d1f

Alternatives to #a87d1f

#a87d1f Preview

Shades and Tints of #a87d1f

Tones of #a87d1f

Color Blindness Simulator