#a86f50 hex color

In a RGB color space, hex #a86f50 is composed of 65.9% red, 43.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 52.4% yellow and 34.1% black. It has a hue angle of 21.1 degrees, a saturation of 35.5% and a lightness of 48.6%. #a86f50 color hex could be obtained by blending #ffdea0 with #510000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 66
- G 44
- B 31
RGB color chart
- C 0
- M 34
- Y 52
- K 34
CMYK color chart

● #a86f50 color description : Dark moderate orange.

The hexadecimal color #a86f50 has RGB values of R:168, G:111, B:80 and CMYK values of C:0, M:0.34, Y:0.52, K:0.34. Its decimal value is 11038544.

Hex triplet	a86f50	`#a86f50`
RGB Decimal	168, 111, 80	`rgb(168,111,80)`
RGB Percent	65.9, 43.5, 31.4	`rgb(65.9%,43.5%,31.4%)`
CMYK	0, 34, 52, 34
HSL	21.1°, 35.5, 48.6	`hsl(21.1,35.5%,48.6%)`
HSV (or HSB)	21.1°, 52.4, 65.9
Web Safe	996666	`#996666`

CIE-LAB	52.146, 19.11, 26.435
XYZ	23.281, 20.274, 10.276
xyY	0.432, 0.377, 20.274
CIE-LCH	52.146, 32.619, 54.136
CIE-LUV	52.146, 42.112, 27.817
Hunter-Lab	45.027, 13.496, 17.988
Binary	10101000, 01101111, 01010000

#a86f50
```
#a86f50 rgb(168,111,80)
```
#5089a8
```
#5089a8 rgb(80,137,168)
```

Complementary Color

#a8505d
```
#a8505d rgb(168,80,93)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#a89b50
```
#a89b50 rgb(168,155,80)
```

Analogous Color

#505da8
```
#505da8 rgb(80,93,168)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#50a89b
```
#50a89b rgb(80,168,155)
```

Split Complementary Color

#6f50a8
```
#6f50a8 rgb(111,80,168)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#50a86f
```
#50a86f rgb(80,168,111)
```

Triadic Color

#a85089
```
#a85089 rgb(168,80,137)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#50a86f
```
#50a86f rgb(80,168,111)
```
#5089a8
```
#5089a8 rgb(80,137,168)
```

Tetradic Color

#744d37
```
#744d37 rgb(116,77,55)
```
#855840
```
#855840 rgb(133,88,64)
```
#976448
```
#976448 rgb(151,100,72)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#b37c5f
```
#b37c5f rgb(179,124,95)
```
#bb8a70
```
#bb8a70 rgb(187,138,112)
```
#c39981
```
#c39981 rgb(195,153,129)
```

Monochromatic Color

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

#a85950
```
#a85950 rgb(168,89,80)
```
#a86050
```
#a86050 rgb(168,96,80)
```
#a86850
```
#a86850 rgb(168,104,80)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#a87650
```
#a87650 rgb(168,118,80)
```
#a87e50
```
#a87e50 rgb(168,126,80)
```
#a88550
```
#a88550 rgb(168,133,80)
```

Similar Colors

Text with hexadecimal color #a86f50

This text has a font color of #a86f50.

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

#a86f50 background color

This paragraph has a background color of #a86f50.

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

#a86f50 border color

This element has a border color of #a86f50.

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

CSS codes

.text {color:#a86f50;}

.background {background-color:#a86f50;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#160e0a
```
#160e0a rgb(22,14,10)
```
#231711
```
#231711 rgb(35,23,17)
```
#302017
```
#302017 rgb(48,32,23)
```
#3e291d
```
#3e291d rgb(62,41,29)
```
#4b3224
```
#4b3224 rgb(75,50,36)
```
#583a2a
```
#583a2a rgb(88,58,42)
```
#664330
```
#664330 rgb(102,67,48)
```
#734c37
```
#734c37 rgb(115,76,55)
```
#80553d
```
#80553d rgb(128,85,61)
```
#8d5d43
```
#8d5d43 rgb(141,93,67)
```
#9b664a
```
#9b664a rgb(155,102,74)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```

Shade Color Variation

#b1795b
```
#b1795b rgb(177,121,91)
```
#b78468
```
#b78468 rgb(183,132,104)
```
#bd8f75
```
#bd8f75 rgb(189,143,117)
```
#c49a83
```
#c49a83 rgb(196,154,131)
```
#caa490
```
#caa490 rgb(202,164,144)
```
#d0af9d
```
#d0af9d rgb(208,175,157)
```
#d7baab
```
#d7baab rgb(215,186,171)
```
#ddc5b8
```
#ddc5b8 rgb(221,197,184)
```
#e3d0c5
```
#e3d0c5 rgb(227,208,197)
```
#eadbd2
```
#eadbd2 rgb(234,219,210)
```
#f0e5e0
```
#f0e5e0 rgb(240,229,224)
```
#f6f0ed
```
#f6f0ed rgb(246,240,237)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#827a76
```
#827a76 rgb(130,122,118)
```
#8b776d
```
#8b776d rgb(139,119,109)
```
#957563
```
#957563 rgb(149,117,99)
```
#9e725a
```
#9e725a rgb(158,114,90)
```
#a86f50
```
#a86f50 rgb(168,111,80)
```
#b26c46
```
#b26c46 rgb(178,108,70)
```
#bb693d
```
#bb693d rgb(187,105,61)
```
#c56733
```
#c56733 rgb(197,103,51)
```
#ce642a
```
#ce642a rgb(206,100,42)
```
#d86120
```
#d86120 rgb(216,97,32)
```
#e15e17
```
#e15e17 rgb(225,94,23)
```
#eb5b0d
```
#eb5b0d rgb(235,91,13)
```
#f45804
```
#f45804 rgb(244,88,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#867a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835d Protanopia 1% of men
#9c7d57 Deuteranopia 1% of men
#af7279 Tritanopia 0.001% of the population

Trichromacy

#967b58 Protanomaly 1% of men, 0.01% of women
#a07854 Deuteranomaly 6% of men, 0.4% of women
#ac706a Tritanomaly 0.01% of the population

#a86f50 hex color

#a86f50 Color Information

#a86f50 Color Conversion

Color Schemes with #a86f50

Alternatives to #a86f50

#a86f50 Preview

Shades and Tints of #a86f50

Tones of #a86f50

Color Blindness Simulator