#a36616 hex color

In a RGB color space, hex #a36616 is composed of 63.9% red, 40% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.4% magenta, 86.5% yellow and 36.1% black. It has a hue angle of 34 degrees, a saturation of 76.2% and a lightness of 36.3%. #a36616 color hex could be obtained by blending #ffcc2c with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 40
- B 9
RGB color chart
- C 0
- M 37
- Y 87
- K 36
CMYK color chart

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

The hexadecimal color #a36616 has RGB values of R:163, G:102, B:22 and CMYK values of C:0, M:0.37, Y:0.87, K:0.36. Its decimal value is 10708502.

Hex triplet	a36616	`#a36616`
RGB Decimal	163, 102, 22	`rgb(163,102,22)`
RGB Percent	63.9, 40, 8.6	`rgb(63.9%,40%,8.6%)`
CMYK	0, 37, 87, 36
HSL	34°, 76.2, 36.3	`hsl(34,76.2%,36.3%)`
HSV (or HSB)	34°, 86.5, 63.9
Web Safe	996600	`#996600`

CIE-LAB	48.696, 18.536, 50.777
XYZ	20.001, 17.349, 3.054
xyY	0.495, 0.429, 17.349
CIE-LCH	48.696, 54.054, 69.945
CIE-LUV	48.696, 49.767, 45.072
Hunter-Lab	41.652, 12.824, 24.809
Binary	10100011, 01100110, 00010110

#a36616
```
#a36616 rgb(163,102,22)
```
#1653a3
```
#1653a3 rgb(22,83,163)
```

Complementary Color

#a32016
```
#a32016 rgb(163,32,22)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#9aa316
```
#9aa316 rgb(154,163,22)
```

Analogous Color

#2016a3
```
#2016a3 rgb(32,22,163)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#169aa3
```
#169aa3 rgb(22,154,163)
```

Split Complementary Color

#6616a3
```
#6616a3 rgb(102,22,163)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#16a366
```
#16a366 rgb(22,163,102)
```

Triadic Color

#a31653
```
#a31653 rgb(163,22,83)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#16a366
```
#16a366 rgb(22,163,102)
```
#1653a3
```
#1653a3 rgb(22,83,163)
```

Tetradic Color

#603c0d
```
#603c0d rgb(96,60,13)
```
#764a10
```
#764a10 rgb(118,74,16)
```
#8d5813
```
#8d5813 rgb(141,88,19)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#b97419
```
#b97419 rgb(185,116,25)
```
#d0821c
```
#d0821c rgb(208,130,28)
```
#e19024
```
#e19024 rgb(225,144,36)
```

Monochromatic Color

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

#a34316
```
#a34316 rgb(163,67,22)
```
#a34f16
```
#a34f16 rgb(163,79,22)
```
#a35a16
```
#a35a16 rgb(163,90,22)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#a37216
```
#a37216 rgb(163,114,22)
```
#a37e16
```
#a37e16 rgb(163,126,22)
```
#a38916
```
#a38916 rgb(163,137,22)
```

Similar Colors

Text with hexadecimal color #a36616

This text has a font color of #a36616.

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

#a36616 background color

This paragraph has a background color of #a36616.

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

#a36616 border color

This element has a border color of #a36616.

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

CSS codes

.text {color:#a36616;}

.background {background-color:#a36616;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#190f03
```
#190f03 rgb(25,15,3)
```
#2a1a06
```
#2a1a06 rgb(42,26,6)
```
#3b2508
```
#3b2508 rgb(59,37,8)
```
#4d300a
```
#4d300a rgb(77,48,10)
```
#5e3b0d
```
#5e3b0d rgb(94,59,13)
```
#6f460f
```
#6f460f rgb(111,70,15)
```
#805011
```
#805011 rgb(128,80,17)
```
#925b14
```
#925b14 rgb(146,91,20)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#b47118
```
#b47118 rgb(180,113,24)
```
#c67c1b
```
#c67c1b rgb(198,124,27)
```
#d7861d
```
#d7861d rgb(215,134,29)
```

Shade Color Variation

#e29026
```
#e29026 rgb(226,144,38)
```
#e49937
```
#e49937 rgb(228,153,55)
```
#e6a248
```
#e6a248 rgb(230,162,72)
```
#e9ab5a
```
#e9ab5a rgb(233,171,90)
```
#ebb46b
```
#ebb46b rgb(235,180,107)
```
#edbc7c
```
#edbc7c rgb(237,188,124)
```
#f0c58d
```
#f0c58d rgb(240,197,141)
```
#f2ce9f
```
#f2ce9f rgb(242,206,159)
```
#f4d7b0
```
#f4d7b0 rgb(244,215,176)
```
#f7e0c1
```
#f7e0c1 rgb(247,224,193)
```
#f9e8d3
```
#f9e8d3 rgb(249,232,211)
```
#fbf1e4
```
#fbf1e4 rgb(251,241,228)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#635d56
```
#635d56 rgb(99,93,86)
```
#6a5e4f
```
#6a5e4f rgb(106,94,79)
```
#715f48
```
#715f48 rgb(113,95,72)
```
#786041
```
#786041 rgb(120,96,65)
```
#7f613a
```
#7f613a rgb(127,97,58)
```
#876232
```
#876232 rgb(135,98,50)
```
#8e632b
```
#8e632b rgb(142,99,43)
```
#956424
```
#956424 rgb(149,100,36)
```
#9c651d
```
#9c651d rgb(156,101,29)
```
#a36616
```
#a36616 rgb(163,102,22)
```
#aa670f
```
#aa670f rgb(170,103,15)
```
#b16808
```
#b16808 rgb(177,104,8)
```
#b86901
```
#b86901 rgb(184,105,1)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#796d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b25 Protanopia 1% of men
#99751e Deuteranopia 1% of men
#ab676d Tritanopia 0.001% of the population

Trichromacy

#92731f Protanomaly 1% of men, 0.01% of women
#9c6f1b Deuteranomaly 6% of men, 0.4% of women
#a8664d Tritanomaly 0.01% of the population

#a36616 hex color

#a36616 Color Information

#a36616 Color Conversion

Color Schemes with #a36616

Alternatives to #a36616

#a36616 Preview

Shades and Tints of #a36616

Tones of #a36616

Color Blindness Simulator