#a86f55 hex color

In a RGB color space, hex #a86f55 is composed of 65.9% red, 43.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 49.4% yellow and 34.1% black. It has a hue angle of 18.8 degrees, a saturation of 32.8% and a lightness of 49.6%. #a86f55 color hex could be obtained by blending #ffdeaa with #510000. Closest websafe color is: #996666.

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

● #a86f55 color description : Dark moderate orange.

The hexadecimal color #a86f55 has RGB values of R:168, G:111, B:85 and CMYK values of C:0, M:0.34, Y:0.49, K:0.34. Its decimal value is 11038549.

Hex triplet	a86f55	`#a86f55`
RGB Decimal	168, 111, 85	`rgb(168,111,85)`
RGB Percent	65.9, 43.5, 33.3	`rgb(65.9%,43.5%,33.3%)`
CMYK	0, 34, 49, 34
HSL	18.8°, 32.8, 49.6	`hsl(18.8,32.8%,49.6%)`
HSV (or HSB)	18.8°, 49.4, 65.9
Web Safe	996666	`#996666`

CIE-LAB	52.232, 19.596, 23.693
XYZ	23.473, 20.351, 11.286
xyY	0.426, 0.369, 20.351
CIE-LCH	52.232, 30.747, 50.406
CIE-LUV	52.232, 41.49, 24.986
Hunter-Lab	45.112, 13.932, 16.746
Binary	10101000, 01101111, 01010101

#a86f55
```
#a86f55 rgb(168,111,85)
```
#558ea8
```
#558ea8 rgb(85,142,168)
```

Complementary Color

#a85565
```
#a85565 rgb(168,85,101)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#a89955
```
#a89955 rgb(168,153,85)
```

Analogous Color

#5565a8
```
#5565a8 rgb(85,101,168)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#55a899
```
#55a899 rgb(85,168,153)
```

Split Complementary Color

#6f55a8
```
#6f55a8 rgb(111,85,168)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#55a86f
```
#55a86f rgb(85,168,111)
```

Triadic Color

#a8558e
```
#a8558e rgb(168,85,142)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#55a86f
```
#55a86f rgb(85,168,111)
```
#558ea8
```
#558ea8 rgb(85,142,168)
```

Tetradic Color

#754d3b
```
#754d3b rgb(117,77,59)
```
#865944
```
#865944 rgb(134,89,68)
```
#97644c
```
#97644c rgb(151,100,76)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#b17d65
```
#b17d65 rgb(177,125,101)
```
#ba8b76
```
#ba8b76 rgb(186,139,118)
```
#c29a87
```
#c29a87 rgb(194,154,135)
```

Monochromatic Color

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

#a85a55
```
#a85a55 rgb(168,90,85)
```
#a86155
```
#a86155 rgb(168,97,85)
```
#a86855
```
#a86855 rgb(168,104,85)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#a87655
```
#a87655 rgb(168,118,85)
```
#a87d55
```
#a87d55 rgb(168,125,85)
```
#a88455
```
#a88455 rgb(168,132,85)
```

Similar Colors

Text with hexadecimal color #a86f55

This text has a font color of #a86f55.

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

#a86f55 background color

This paragraph has a background color of #a86f55.

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

#a86f55 border color

This element has a border color of #a86f55.

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

CSS codes

.text {color:#a86f55;}

.background {background-color:#a86f55;}

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

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

#0c0806
```
#0c0806 rgb(12,8,6)
```
#19100d
```
#19100d rgb(25,16,13)
```
#261913
```
#261913 rgb(38,25,19)
```
#33221a
```
#33221a rgb(51,34,26)
```
#402a20
```
#402a20 rgb(64,42,32)
```
#4d3327
```
#4d3327 rgb(77,51,39)
```
#5a3b2d
```
#5a3b2d rgb(90,59,45)
```
#674434
```
#674434 rgb(103,68,52)
```
#744d3b
```
#744d3b rgb(116,77,59)
```
#815541
```
#815541 rgb(129,85,65)
```
#8e5e48
```
#8e5e48 rgb(142,94,72)
```
#9b664e
```
#9b664e rgb(155,102,78)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```

Shade Color Variation

#af7a61
```
#af7a61 rgb(175,122,97)
```
#b6856e
```
#b6856e rgb(182,133,110)
```
#bc907b
```
#bc907b rgb(188,144,123)
```
#c39b88
```
#c39b88 rgb(195,155,136)
```
#caa695
```
#caa695 rgb(202,166,149)
```
#d0b1a2
```
#d0b1a2 rgb(208,177,162)
```
#d7bcb0
```
#d7bcb0 rgb(215,188,176)
```
#ddc7bd
```
#ddc7bd rgb(221,199,189)
```
#e4d2ca
```
#e4d2ca rgb(228,210,202)
```
#ebddd7
```
#ebddd7 rgb(235,221,215)
```
#f1e8e4
```
#f1e8e4 rgb(241,232,228)
```
#f8f3f1
```
#f8f3f1 rgb(248,243,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#817e7c
```
#817e7c rgb(129,126,124)
```
#8b7a72
```
#8b7a72 rgb(139,122,114)
```
#957668
```
#957668 rgb(149,118,104)
```
#9e735f
```
#9e735f rgb(158,115,95)
```
#a86f55
```
#a86f55 rgb(168,111,85)
```
#b26b4b
```
#b26b4b rgb(178,107,75)
```
#bb6842
```
#bb6842 rgb(187,104,66)
```
#c56438
```
#c56438 rgb(197,100,56)
```
#cf602e
```
#cf602e rgb(207,96,46)
```
#d95d24
```
#d95d24 rgb(217,93,36)
```
#e2591b
```
#e2591b rgb(226,89,27)
```
#ec5611
```
#ec5611 rgb(236,86,17)
```
#f65207
```
#f65207 rgb(246,82,7)
```

Tone Color Variation

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

Dichromacy

#8c8362 Protanopia 1% of men
#9c7e5b Deuteranopia 1% of men
#af727a Tritanopia 0.001% of the population

Trichromacy

#967b5d Protanomaly 1% of men, 0.01% of women
#a07859 Deuteranomaly 6% of men, 0.4% of women
#ac716c Tritanomaly 0.01% of the population

#a86f55 hex color

#a86f55 Color Information

#a86f55 Color Conversion

Color Schemes with #a86f55

Alternatives to #a86f55

#a86f55 Preview

Shades and Tints of #a86f55

Tones of #a86f55

Color Blindness Simulator