#a86630 hex color

In a RGB color space, hex #a86630 is composed of 65.9% red, 40% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 71.4% yellow and 34.1% black. It has a hue angle of 27 degrees, a saturation of 55.6% and a lightness of 42.4%. #a86630 color hex could be obtained by blending #ffcc60 with #510000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a86630 has RGB values of R:168, G:102, B:48 and CMYK values of C:0, M:0.39, Y:0.71, K:0.34. Its decimal value is 11036208.

Hex triplet	a86630	`#a86630`
RGB Decimal	168, 102, 48	`rgb(168,102,48)`
RGB Percent	65.9, 40, 18.8	`rgb(65.9%,40%,18.8%)`
CMYK	0, 39, 71, 34
HSL	27°, 55.6, 42.4	`hsl(27,55.6%,42.4%)`
HSV (or HSB)	27°, 71.4, 65.9
Web Safe	996633	`#996633`

CIE-LAB	49.548, 21.806, 40.685
XYZ	21.434, 18.043, 5.15
xyY	0.48, 0.404, 18.043
CIE-LCH	49.548, 46.16, 61.81
CIE-LUV	49.548, 52.145, 38.455
Hunter-Lab	42.477, 15.738, 22.545
Binary	10101000, 01100110, 00110000

#a86630
```
#a86630 rgb(168,102,48)
```
#3072a8
```
#3072a8 rgb(48,114,168)
```

Complementary Color

#a83036
```
#a83036 rgb(168,48,54)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#a8a230
```
#a8a230 rgb(168,162,48)
```

Analogous Color

#3036a8
```
#3036a8 rgb(48,54,168)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#30a8a2
```
#30a8a2 rgb(48,168,162)
```

Split Complementary Color

#6630a8
```
#6630a8 rgb(102,48,168)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#30a866
```
#30a866 rgb(48,168,102)
```

Triadic Color

#a83072
```
#a83072 rgb(168,48,114)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#30a866
```
#30a866 rgb(48,168,102)
```
#3072a8
```
#3072a8 rgb(48,114,168)
```

Tetradic Color

#6d421f
```
#6d421f rgb(109,66,31)
```
#804e25
```
#804e25 rgb(128,78,37)
```
#945a2a
```
#945a2a rgb(148,90,42)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#c97f42
```
#c97f42 rgb(201,127,66)
```
#cf8c56
```
#cf8c56 rgb(207,140,86)
```

Monochromatic Color

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

#a84830
```
#a84830 rgb(168,72,48)
```
#a85230
```
#a85230 rgb(168,82,48)
```
#a85c30
```
#a85c30 rgb(168,92,48)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#a87030
```
#a87030 rgb(168,112,48)
```
#a87a30
```
#a87a30 rgb(168,122,48)
```
#a88430
```
#a88430 rgb(168,132,48)
```

Similar Colors

Text with hexadecimal color #a86630

This text has a font color of #a86630.

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

#a86630 background color

This paragraph has a background color of #a86630.

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

#a86630 border color

This element has a border color of #a86630.

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

CSS codes

.text {color:#a86630;}

.background {background-color:#a86630;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0904
```
#0f0904 rgb(15,9,4)
```
#1f1309
```
#1f1309 rgb(31,19,9)
```
#2e1c0d
```
#2e1c0d rgb(46,28,13)
```
#3d2511
```
#3d2511 rgb(61,37,17)
```
#4c2e16
```
#4c2e16 rgb(76,46,22)
```
#5c381a
```
#5c381a rgb(92,56,26)
```
#6b411f
```
#6b411f rgb(107,65,31)
```
#7a4a23
```
#7a4a23 rgb(122,74,35)
```
#895327
```
#895327 rgb(137,83,39)
```
#995d2c
```
#995d2c rgb(153,93,44)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#b76f34
```
#b76f34 rgb(183,111,52)
```

Shade Color Variation

#c67939
```
#c67939 rgb(198,121,57)
```
#cb8348
```
#cb8348 rgb(203,131,72)
```
#cf8d57
```
#cf8d57 rgb(207,141,87)
```
#d39867
```
#d39867 rgb(211,152,103)
```
#d8a276
```
#d8a276 rgb(216,162,118)
```
#dcac85
```
#dcac85 rgb(220,172,133)
```
#e1b794
```
#e1b794 rgb(225,183,148)
```
#e5c1a4
```
#e5c1a4 rgb(229,193,164)
```
#e9cbb3
```
#e9cbb3 rgb(233,203,179)
```
#eed6c2
```
#eed6c2 rgb(238,214,194)
```
#f2e0d1
```
#f2e0d1 rgb(242,224,209)
```
#f6eae1
```
#f6eae1 rgb(246,234,225)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#6e6c6a
```
#6e6c6a rgb(110,108,106)
```
#766b62
```
#766b62 rgb(118,107,98)
```
#7e6a5a
```
#7e6a5a rgb(126,106,90)
```
#876951
```
#876951 rgb(135,105,81)
```
#8f6849
```
#8f6849 rgb(143,104,73)
```
#976841
```
#976841 rgb(151,104,65)
```
#a06738
```
#a06738 rgb(160,103,56)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#b06528
```
#b06528 rgb(176,101,40)
```
#b9641f
```
#b9641f rgb(185,100,31)
```
#c16417
```
#c16417 rgb(193,100,23)
```
#c9630f
```
#c9630f rgb(201,99,15)
```
#d26206
```
#d26206 rgb(210,98,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897d3f Protanopia 1% of men
#997737 Deuteranopia 1% of men
#af686f Tritanopia 0.001% of the population

Trichromacy

#947439 Protanomaly 1% of men, 0.01% of women
#9e7034 Deuteranomaly 6% of men, 0.4% of women
#ad6758 Tritanomaly 0.01% of the population

#a86630 hex color

#a86630 Color Information

#a86630 Color Conversion

Color Schemes with #a86630

Alternatives to #a86630

#a86630 Preview

Shades and Tints of #a86630

Tones of #a86630

Color Blindness Simulator