#a36316 hex color

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

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

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

The hexadecimal color #a36316 has RGB values of R:163, G:99, B:22 and CMYK values of C:0, M:0.39, Y:0.87, K:0.36. Its decimal value is 10707734.

Hex triplet	a36316	`#a36316`
RGB Decimal	163, 99, 22	`rgb(163,99,22)`
RGB Percent	63.9, 38.8, 8.6	`rgb(63.9%,38.8%,8.6%)`
CMYK	0, 39, 87, 36
HSL	32.8°, 76.2, 36.3	`hsl(32.8,76.2%,36.3%)`
HSV (or HSB)	32.8°, 86.5, 63.9
Web Safe	996600	`#996600`

CIE-LAB	47.968, 20.232, 50.169
XYZ	19.712, 16.77, 2.958
xyY	0.5, 0.425, 16.77
CIE-LCH	47.968, 54.095, 68.037
CIE-LUV	47.968, 52.146, 43.925
Hunter-Lab	40.951, 14.256, 24.383
Binary	10100011, 01100011, 00010110

#a36316
```
#a36316 rgb(163,99,22)
```
#1656a3
```
#1656a3 rgb(22,86,163)
```

Complementary Color

#a31d16
```
#a31d16 rgb(163,29,22)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#9da316
```
#9da316 rgb(157,163,22)
```

Analogous Color

#1d16a3
```
#1d16a3 rgb(29,22,163)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#169da3
```
#169da3 rgb(22,157,163)
```

Split Complementary Color

#6316a3
```
#6316a3 rgb(99,22,163)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#16a363
```
#16a363 rgb(22,163,99)
```

Triadic Color

#a31656
```
#a31656 rgb(163,22,86)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#16a363
```
#16a363 rgb(22,163,99)
```
#1656a3
```
#1656a3 rgb(22,86,163)
```

Tetradic Color

#603a0d
```
#603a0d rgb(96,58,13)
```
#764810
```
#764810 rgb(118,72,16)
```
#8d5513
```
#8d5513 rgb(141,85,19)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#b97119
```
#b97119 rgb(185,113,25)
```
#d07e1c
```
#d07e1c rgb(208,126,28)
```
#e18b24
```
#e18b24 rgb(225,139,36)
```

Monochromatic Color

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

#a34016
```
#a34016 rgb(163,64,22)
```
#a34c16
```
#a34c16 rgb(163,76,22)
```
#a35716
```
#a35716 rgb(163,87,22)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#a36f16
```
#a36f16 rgb(163,111,22)
```
#a37b16
```
#a37b16 rgb(163,123,22)
```
#a38616
```
#a38616 rgb(163,134,22)
```

Similar Colors

Text with hexadecimal color #a36316

This text has a font color of #a36316.

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

#a36316 background color

This paragraph has a background color of #a36316.

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

#a36316 border color

This element has a border color of #a36316.

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

CSS codes

.text {color:#a36316;}

.background {background-color:#a36316;}

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

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)
```
#3b2408
```
#3b2408 rgb(59,36,8)
```
#4d2f0a
```
#4d2f0a rgb(77,47,10)
```
#5e390d
```
#5e390d rgb(94,57,13)
```
#6f440f
```
#6f440f rgb(111,68,15)
```
#804e11
```
#804e11 rgb(128,78,17)
```
#925914
```
#925914 rgb(146,89,20)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#b46d18
```
#b46d18 rgb(180,109,24)
```
#c6781b
```
#c6781b rgb(198,120,27)
```
#d7821d
```
#d7821d rgb(215,130,29)
```

Shade Color Variation

#e28c26
```
#e28c26 rgb(226,140,38)
```
#e49637
```
#e49637 rgb(228,150,55)
```
#e69f48
```
#e69f48 rgb(230,159,72)
```
#e9a85a
```
#e9a85a rgb(233,168,90)
```
#ebb16b
```
#ebb16b rgb(235,177,107)
```
#edba7c
```
#edba7c rgb(237,186,124)
```
#f0c38d
```
#f0c38d rgb(240,195,141)
```
#f2cc9f
```
#f2cc9f rgb(242,204,159)
```
#f4d5b0
```
#f4d5b0 rgb(244,213,176)
```
#f7dec1
```
#f7dec1 rgb(247,222,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 #b86501 is the most saturated one.

#635d56
```
#635d56 rgb(99,93,86)
```
#6a5e4f
```
#6a5e4f rgb(106,94,79)
```
#715e48
```
#715e48 rgb(113,94,72)
```
#785f41
```
#785f41 rgb(120,95,65)
```
#7f603a
```
#7f603a rgb(127,96,58)
```
#876032
```
#876032 rgb(135,96,50)
```
#8e612b
```
#8e612b rgb(142,97,43)
```
#956224
```
#956224 rgb(149,98,36)
```
#9c621d
```
#9c621d rgb(156,98,29)
```
#a36316
```
#a36316 rgb(163,99,22)
```
#aa640f
```
#aa640f rgb(170,100,15)
```
#b16408
```
#b16408 rgb(177,100,8)
```
#b86501
```
#b86501 rgb(184,101,1)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#786b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#877925 Protanopia 1% of men
#97731d Deuteranopia 1% of men
#ab646b Tritanopia 0.001% of the population

Trichromacy

#917120 Protanomaly 1% of men, 0.01% of women
#9b6d1a Deuteranomaly 6% of men, 0.4% of women
#a8634c Tritanomaly 0.01% of the population

#a36316 hex color

#a36316 Color Information

#a36316 Color Conversion

Color Schemes with #a36316

Alternatives to #a36316

#a36316 Preview

Shades and Tints of #a36316

Tones of #a36316

Color Blindness Simulator