#a36c12 hex color

In a RGB color space, hex #a36c12 is composed of 63.9% red, 42.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 89% yellow and 36.1% black. It has a hue angle of 37.2 degrees, a saturation of 80.1% and a lightness of 35.5%. #a36c12 color hex could be obtained by blending #ffd824 with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 42
- B 7
RGB color chart
- C 0
- M 34
- Y 89
- K 36
CMYK color chart

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

The hexadecimal color #a36c12 has RGB values of R:163, G:108, B:18 and CMYK values of C:0, M:0.34, Y:0.89, K:0.36. Its decimal value is 10710034.

Hex triplet	a36c12	`#a36c12`
RGB Decimal	163, 108, 18	`rgb(163,108,18)`
RGB Percent	63.9, 42.4, 7.1	`rgb(63.9%,42.4%,7.1%)`
CMYK	0, 34, 89, 36
HSL	37.2°, 80.1, 35.5	`hsl(37.2,80.1%,35.5%)`
HSV (or HSB)	37.2°, 89, 63.9
Web Safe	996600	`#996600`

CIE-LAB	50.165, 15.034, 53.202
XYZ	20.577, 18.557, 3.07
xyY	0.488, 0.44, 18.557
CIE-LCH	50.165, 55.285, 74.221
CIE-LUV	50.165, 45.172, 48.038
Hunter-Lab	43.078, 9.877, 25.928
Binary	10100011, 01101100, 00010010

#a36c12
```
#a36c12 rgb(163,108,18)
```
#1249a3
```
#1249a3 rgb(18,73,163)
```

Complementary Color

#a32412
```
#a32412 rgb(163,36,18)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#92a312
```
#92a312 rgb(146,163,18)
```

Analogous Color

#2412a3
```
#2412a3 rgb(36,18,163)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#1292a3
```
#1292a3 rgb(18,146,163)
```

Split Complementary Color

#6c12a3
```
#6c12a3 rgb(108,18,163)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#12a36c
```
#12a36c rgb(18,163,108)
```

Triadic Color

#a31249
```
#a31249 rgb(163,18,73)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#12a36c
```
#12a36c rgb(18,163,108)
```
#1249a3
```
#1249a3 rgb(18,73,163)
```

Tetradic Color

#5e3e0a
```
#5e3e0a rgb(94,62,10)
```
#754e0d
```
#754e0d rgb(117,78,13)
```
#8c5d0f
```
#8c5d0f rgb(140,93,15)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#ba7b15
```
#ba7b15 rgb(186,123,21)
```
#d18a17
```
#d18a17 rgb(209,138,23)
```
#e6991c
```
#e6991c rgb(230,153,28)
```

Monochromatic Color

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

#a34812
```
#a34812 rgb(163,72,18)
```
#a35412
```
#a35412 rgb(163,84,18)
```
#a36012
```
#a36012 rgb(163,96,18)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#a37812
```
#a37812 rgb(163,120,18)
```
#a38412
```
#a38412 rgb(163,132,18)
```
#a39012
```
#a39012 rgb(163,144,18)
```

Similar Colors

Text with hexadecimal color #a36c12

This text has a font color of #a36c12.

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

#a36c12 background color

This paragraph has a background color of #a36c12.

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

#a36c12 border color

This element has a border color of #a36c12.

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

CSS codes

.text {color:#a36c12;}

.background {background-color:#a36c12;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#160e02
```
#160e02 rgb(22,14,2)
```
#271a04
```
#271a04 rgb(39,26,4)
```
#392606
```
#392606 rgb(57,38,6)
```
#4b3108
```
#4b3108 rgb(75,49,8)
```
#5c3d0a
```
#5c3d0a rgb(92,61,10)
```
#6e490c
```
#6e490c rgb(110,73,12)
```
#80550e
```
#80550e rgb(128,85,14)
```
#916010
```
#916010 rgb(145,96,16)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#b57814
```
#b57814 rgb(181,120,20)
```
#c68316
```
#c68316 rgb(198,131,22)
```
#d88f18
```
#d88f18 rgb(216,143,24)
```

Shade Color Variation

#e69a1d
```
#e69a1d rgb(230,154,29)
```
#e8a22f
```
#e8a22f rgb(232,162,47)
```
#eaaa41
```
#eaaa41 rgb(234,170,65)
```
#ecb252
```
#ecb252 rgb(236,178,82)
```
#eeba64
```
#eeba64 rgb(238,186,100)
```
#f0c276
```
#f0c276 rgb(240,194,118)
```
#f2c987
```
#f2c987 rgb(242,201,135)
```
#f4d199
```
#f4d199 rgb(244,209,153)
```
#f6d9ab
```
#f6d9ab rgb(246,217,171)
```
#f8e1bc
```
#f8e1bc rgb(248,225,188)
```
#fae9ce
```
#fae9ce rgb(250,233,206)
```
#fcf1e0
```
#fcf1e0 rgb(252,241,224)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Tint Color Variation

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

#5d5b58
```
#5d5b58 rgb(93,91,88)
```
#645d51
```
#645d51 rgb(100,93,81)
```
#6b5f4a
```
#6b5f4a rgb(107,95,74)
```
#726043
```
#726043 rgb(114,96,67)
```
#79623c
```
#79623c rgb(121,98,60)
```
#806435
```
#806435 rgb(128,100,53)
```
#87652e
```
#87652e rgb(135,101,46)
```
#8e6727
```
#8e6727 rgb(142,103,39)
```
#956920
```
#956920 rgb(149,105,32)
```
#9c6a19
```
#9c6a19 rgb(156,106,25)
```
#a36c12
```
#a36c12 rgb(163,108,18)
```
#aa6e0b
```
#aa6e0b rgb(170,110,11)
```
#b16f04
```
#b16f04 rgb(177,111,4)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7c715f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e21 Protanopia 1% of men
#9d781b Deuteranopia 1% of men
#ac6c73 Tritanopia 0.001% of the population

Trichromacy

#95771b Protanomaly 1% of men, 0.01% of women
#9f7317 Deuteranomaly 6% of men, 0.4% of women
#a96c50 Tritanomaly 0.01% of the population

#a36c12 hex color

#a36c12 Color Information

#a36c12 Color Conversion

Color Schemes with #a36c12

Alternatives to #a36c12

#a36c12 Preview

Shades and Tints of #a36c12

Tones of #a36c12

Color Blindness Simulator