#a87314 hex color

In a RGB color space, hex #a87314 is composed of 65.9% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 88.1% yellow and 34.1% black. It has a hue angle of 38.5 degrees, a saturation of 78.7% and a lightness of 36.9%. #a87314 color hex could be obtained by blending #ffe628 with #510000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 66
- G 45
- B 8
RGB color chart
- C 0
- M 32
- Y 88
- K 34
CMYK color chart

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

The hexadecimal color #a87314 has RGB values of R:168, G:115, B:20 and CMYK values of C:0, M:0.32, Y:0.88, K:0.34. Its decimal value is 11039508.

Hex triplet	a87314	`#a87314`
RGB Decimal	168, 115, 20	`rgb(168,115,20)`
RGB Percent	65.9, 45.1, 7.8	`rgb(65.9%,45.1%,7.8%)`
CMYK	0, 32, 88, 34
HSL	38.5°, 78.7, 36.9	`hsl(38.5,78.7%,36.9%)`
HSV (or HSB)	38.5°, 88.1, 65.9
Web Safe	996600	`#996600`

CIE-LAB	52.551, 13.392, 54.811
XYZ	22.406, 20.638, 3.465
xyY	0.482, 0.444, 20.638
CIE-LCH	52.551, 56.423, 76.27
CIE-LUV	52.551, 43.675, 50.677
Hunter-Lab	45.429, 8.536, 27.278
Binary	10101000, 01110011, 00010100

#a87314
```
#a87314 rgb(168,115,20)
```
#1449a8
```
#1449a8 rgb(20,73,168)
```

Complementary Color

#a82914
```
#a82914 rgb(168,41,20)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#93a814
```
#93a814 rgb(147,168,20)
```

Analogous Color

#2914a8
```
#2914a8 rgb(41,20,168)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#1493a8
```
#1493a8 rgb(20,147,168)
```

Split Complementary Color

#7314a8
```
#7314a8 rgb(115,20,168)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#14a873
```
#14a873 rgb(20,168,115)
```

Triadic Color

#a81449
```
#a81449 rgb(168,20,73)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#14a873
```
#14a873 rgb(20,168,115)
```
#1449a8
```
#1449a8 rgb(20,73,168)
```

Tetradic Color

#64440c
```
#64440c rgb(100,68,12)
```
#7a540f
```
#7a540f rgb(122,84,15)
```
#916311
```
#916311 rgb(145,99,17)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#bf8317
```
#bf8317 rgb(191,131,23)
```
#d69219
```
#d69219 rgb(214,146,25)
```
#e5a024
```
#e5a024 rgb(229,160,36)
```

Monochromatic Color

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

#a84e14
```
#a84e14 rgb(168,78,20)
```
#a85a14
```
#a85a14 rgb(168,90,20)
```
#a86714
```
#a86714 rgb(168,103,20)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#a87f14
```
#a87f14 rgb(168,127,20)
```
#a88c14
```
#a88c14 rgb(168,140,20)
```
#a89814
```
#a89814 rgb(168,152,20)
```

Similar Colors

Text with hexadecimal color #a87314

This text has a font color of #a87314.

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

#a87314 background color

This paragraph has a background color of #a87314.

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

#a87314 border color

This element has a border color of #a87314.

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

CSS codes

.text {color:#a87314;}

.background {background-color:#a87314;}

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

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

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1c1303
```
#1c1303 rgb(28,19,3)
```
#2d1f05
```
#2d1f05 rgb(45,31,5)
```
#3f2b07
```
#3f2b07 rgb(63,43,7)
```
#50370a
```
#50370a rgb(80,55,10)
```
#62430c
```
#62430c rgb(98,67,12)
```
#734f0e
```
#734f0e rgb(115,79,14)
```
#855b10
```
#855b10 rgb(133,91,16)
```
#966712
```
#966712 rgb(150,103,18)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#ba7f16
```
#ba7f16 rgb(186,127,22)
```
#cb8b18
```
#cb8b18 rgb(203,139,24)
```
#dd971a
```
#dd971a rgb(221,151,26)
```

Shade Color Variation

#e5a025
```
#e5a025 rgb(229,160,37)
```
#e7a837
```
#e7a837 rgb(231,168,55)
```
#e9b048
```
#e9b048 rgb(233,176,72)
```
#ebb75a
```
#ebb75a rgb(235,183,90)
```
#edbf6b
```
#edbf6b rgb(237,191,107)
```
#f0c77d
```
#f0c77d rgb(240,199,125)
```
#f2ce8f
```
#f2ce8f rgb(242,206,143)
```
#f4d6a0
```
#f4d6a0 rgb(244,214,160)
```
#f6ddb2
```
#f6ddb2 rgb(246,221,178)
```
#f8e5c3
```
#f8e5c3 rgb(248,229,195)
```
#faedd5
```
#faedd5 rgb(250,237,213)
```
#fcf4e6
```
#fcf4e6 rgb(252,244,230)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#605e5c
```
#605e5c rgb(96,94,92)
```
#676155
```
#676155 rgb(103,97,85)
```
#6e634e
```
#6e634e rgb(110,99,78)
```
#756547
```
#756547 rgb(117,101,71)
```
#7d673f
```
#7d673f rgb(125,103,63)
```
#846938
```
#846938 rgb(132,105,56)
```
#8b6b31
```
#8b6b31 rgb(139,107,49)
```
#926d2a
```
#926d2a rgb(146,109,42)
```
#9a6f22
```
#9a6f22 rgb(154,111,34)
```
#a1711b
```
#a1711b rgb(161,113,27)
```
#a87314
```
#a87314 rgb(168,115,20)
```
#af750d
```
#af750d rgb(175,117,13)
```
#b67706
```
#b67706 rgb(182,119,6)
```

Tone Color Variation

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

Dichromacy

#938422 Protanopia 1% of men
#a47d1d Deuteranopia 1% of men
#b1727a Tritanopia 0.001% of the population

Trichromacy

#9b7e1d Protanomaly 1% of men, 0.01% of women
#a6791a Deuteranomaly 6% of men, 0.4% of women
#ae7255 Tritanomaly 0.01% of the population

#a87314 hex color

#a87314 Color Information

#a87314 Color Conversion

Color Schemes with #a87314

Alternatives to #a87314

#a87314 Preview

Shades and Tints of #a87314

Tones of #a87314

Color Blindness Simulator