#a86618 hex color

In a RGB color space, hex #a86618 is composed of 65.9% red, 40% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 85.7% yellow and 34.1% black. It has a hue angle of 32.5 degrees, a saturation of 75% and a lightness of 37.6%. #a86618 color hex could be obtained by blending #ffcc30 with #510000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 66
- G 40
- B 9
RGB color chart
- C 0
- M 39
- Y 86
- K 34
CMYK color chart

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

The hexadecimal color #a86618 has RGB values of R:168, G:102, B:24 and CMYK values of C:0, M:0.39, Y:0.86, K:0.34. Its decimal value is 11036184.

Hex triplet	a86618	`#a86618`
RGB Decimal	168, 102, 24	`rgb(168,102,24)`
RGB Percent	65.9, 40, 9.4	`rgb(65.9%,40%,9.4%)`
CMYK	0, 39, 86, 34
HSL	32.5°, 75, 37.6	`hsl(32.5,75%,37.6%)`
HSV (or HSB)	32.5°, 85.7, 65.9
Web Safe	996600	`#996600`

CIE-LAB	49.369, 20.823, 50.928
XYZ	21.065, 17.895, 3.209
xyY	0.5, 0.424, 17.895
CIE-LCH	49.369, 55.02, 67.762
CIE-LUV	49.369, 53.82, 44.989
Hunter-Lab	42.303, 14.857, 25.114
Binary	10101000, 01100110, 00011000

#a86618
```
#a86618 rgb(168,102,24)
```
#185aa8
```
#185aa8 rgb(24,90,168)
```

Complementary Color

#a81e18
```
#a81e18 rgb(168,30,24)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#a2a818
```
#a2a818 rgb(162,168,24)
```

Analogous Color

#1e18a8
```
#1e18a8 rgb(30,24,168)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#18a2a8
```
#18a2a8 rgb(24,162,168)
```

Split Complementary Color

#6618a8
```
#6618a8 rgb(102,24,168)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#18a866
```
#18a866 rgb(24,168,102)
```

Triadic Color

#a8185a
```
#a8185a rgb(168,24,90)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#18a866
```
#18a866 rgb(24,168,102)
```
#185aa8
```
#185aa8 rgb(24,90,168)
```

Tetradic Color

#653d0e
```
#653d0e rgb(101,61,14)
```
#7b4b12
```
#7b4b12 rgb(123,75,18)
```
#925815
```
#925815 rgb(146,88,21)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#be741b
```
#be741b rgb(190,116,27)
```
#d5811e
```
#d5811e rgb(213,129,30)
```
#e18e2c
```
#e18e2c rgb(225,142,44)
```

Monochromatic Color

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

#a84218
```
#a84218 rgb(168,66,24)
```
#a84e18
```
#a84e18 rgb(168,78,24)
```
#a85a18
```
#a85a18 rgb(168,90,24)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#a87218
```
#a87218 rgb(168,114,24)
```
#a87e18
```
#a87e18 rgb(168,126,24)
```
#a88a18
```
#a88a18 rgb(168,138,24)
```

Similar Colors

Text with hexadecimal color #a86618

This text has a font color of #a86618.

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

#a86618 background color

This paragraph has a background color of #a86618.

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

#a86618 border color

This element has a border color of #a86618.

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

CSS codes

.text {color:#a86618;}

.background {background-color:#a86618;}

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

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

#0e0802
```
#0e0802 rgb(14,8,2)
```
#1f1304
```
#1f1304 rgb(31,19,4)
```
#301d07
```
#301d07 rgb(48,29,7)
```
#412709
```
#412709 rgb(65,39,9)
```
#52320c
```
#52320c rgb(82,50,12)
```
#633c0e
```
#633c0e rgb(99,60,14)
```
#754711
```
#754711 rgb(117,71,17)
```
#865113
```
#865113 rgb(134,81,19)
```
#975c16
```
#975c16 rgb(151,92,22)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#b9701a
```
#b9701a rgb(185,112,26)
```
#ca7b1d
```
#ca7b1d rgb(202,123,29)
```
#db851f
```
#db851f rgb(219,133,31)
```

Shade Color Variation

#e18f2d
```
#e18f2d rgb(225,143,45)
```
#e4983f
```
#e4983f rgb(228,152,63)
```
#e6a150
```
#e6a150 rgb(230,161,80)
```
#e8aa61
```
#e8aa61 rgb(232,170,97)
```
#ebb372
```
#ebb372 rgb(235,179,114)
```
#edbd83
```
#edbd83 rgb(237,189,131)
```
#f0c694
```
#f0c694 rgb(240,198,148)
```
#f2cfa6
```
#f2cfa6 rgb(242,207,166)
```
#f5d8b7
```
#f5d8b7 rgb(245,216,183)
```
#f7e1c8
```
#f7e1c8 rgb(247,225,200)
```
#faebd9
```
#faebd9 rgb(250,235,217)
```
#fcf4ea
```
#fcf4ea rgb(252,244,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#66605a
```
#66605a rgb(102,96,90)
```
#6d6153
```
#6d6153 rgb(109,97,83)
```
#74624c
```
#74624c rgb(116,98,76)
```
#7c6244
```
#7c6244 rgb(124,98,68)
```
#83633d
```
#83633d rgb(131,99,61)
```
#8a6436
```
#8a6436 rgb(138,100,54)
```
#92642e
```
#92642e rgb(146,100,46)
```
#996527
```
#996527 rgb(153,101,39)
```
#a1651f
```
#a1651f rgb(161,101,31)
```
#a86618
```
#a86618 rgb(168,102,24)
```
#af6711
```
#af6711 rgb(175,103,17)
```
#b76709
```
#b76709 rgb(183,103,9)
```
#be6802
```
#be6802 rgb(190,104,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7c6f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c27 Protanopia 1% of men
#9b761f Deuteranopia 1% of men
#b0676d Tritanopia 0.001% of the population

Trichromacy

#957422 Protanomaly 1% of men, 0.01% of women
#9f701c Deuteranomaly 6% of men, 0.4% of women
#ad664e Tritanomaly 0.01% of the population

#a86618 hex color

#a86618 Color Information

#a86618 Color Conversion

Color Schemes with #a86618

Alternatives to #a86618

#a86618 Preview

Shades and Tints of #a86618

Tones of #a86618

Color Blindness Simulator