#a36c1e hex color

In a RGB color space, hex #a36c1e is composed of 63.9% red, 42.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 81.6% yellow and 36.1% black. It has a hue angle of 35.2 degrees, a saturation of 68.9% and a lightness of 37.8%. #a36c1e color hex could be obtained by blending #ffd83c with #470000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a36c1e has RGB values of R:163, G:108, B:30 and CMYK values of C:0, M:0.34, Y:0.82, K:0.36. Its decimal value is 10710046.

Hex triplet	a36c1e	`#a36c1e`
RGB Decimal	163, 108, 30	`rgb(163,108,30)`
RGB Percent	63.9, 42.4, 11.8	`rgb(63.9%,42.4%,11.8%)`
CMYK	0, 34, 82, 36
HSL	35.2°, 68.9, 37.8	`hsl(35.2,68.9%,37.8%)`
HSV (or HSB)	35.2°, 81.6, 63.9
Web Safe	996633	`#996633`

CIE-LAB	50.224, 15.385, 49.227
XYZ	20.702, 18.607, 3.729
xyY	0.481, 0.432, 18.607
CIE-LCH	50.224, 51.576, 72.644
CIE-LUV	50.224, 44.677, 45.794
Hunter-Lab	43.136, 10.179, 25.069
Binary	10100011, 01101100, 00011110

#a36c1e
```
#a36c1e rgb(163,108,30)
```
#1e55a3
```
#1e55a3 rgb(30,85,163)
```

Complementary Color

#a32a1e
```
#a32a1e rgb(163,42,30)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#98a31e
```
#98a31e rgb(152,163,30)
```

Analogous Color

#291ea3
```
#291ea3 rgb(41,30,163)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#1e98a3
```
#1e98a3 rgb(30,152,163)
```

Split Complementary Color

#6c1ea3
```
#6c1ea3 rgb(108,30,163)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#1ea36c
```
#1ea36c rgb(30,163,108)
```

Triadic Color

#a31e55
```
#a31e55 rgb(163,30,85)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#1ea36c
```
#1ea36c rgb(30,163,108)
```
#1e55a3
```
#1e55a3 rgb(30,85,163)
```

Tetradic Color

#624112
```
#624112 rgb(98,65,18)
```
#784f16
```
#784f16 rgb(120,79,22)
```
#8d5e1a
```
#8d5e1a rgb(141,94,26)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#b97a22
```
#b97a22 rgb(185,122,34)
```
#ce8926
```
#ce8926 rgb(206,137,38)
```
#da9534
```
#da9534 rgb(218,149,52)
```

Monochromatic Color

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

#a34b1e
```
#a34b1e rgb(163,75,30)
```
#a3561e
```
#a3561e rgb(163,86,30)
```
#a3611e
```
#a3611e rgb(163,97,30)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#a3771e
```
#a3771e rgb(163,119,30)
```
#a3821e
```
#a3821e rgb(163,130,30)
```
#a38d1e
```
#a38d1e rgb(163,141,30)
```

Similar Colors

Text with hexadecimal color #a36c1e

This text has a font color of #a36c1e.

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

#a36c1e background color

This paragraph has a background color of #a36c1e.

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

#a36c1e border color

This element has a border color of #a36c1e.

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

CSS codes

.text {color:#a36c1e;}

.background {background-color:#a36c1e;}

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

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

#0e0903
```
#0e0903 rgb(14,9,3)
```
#1e1406
```
#1e1406 rgb(30,20,6)
```
#2f1f09
```
#2f1f09 rgb(47,31,9)
```
#402a0c
```
#402a0c rgb(64,42,12)
```
#50350f
```
#50350f rgb(80,53,15)
```
#614012
```
#614012 rgb(97,64,18)
```
#714b15
```
#714b15 rgb(113,75,21)
```
#825618
```
#825618 rgb(130,86,24)
```
#92611b
```
#92611b rgb(146,97,27)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#b47721
```
#b47721 rgb(180,119,33)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#d58d27
```
#d58d27 rgb(213,141,39)
```

Shade Color Variation

#da9636
```
#da9636 rgb(218,150,54)
```
#dd9f46
```
#dd9f46 rgb(221,159,70)
```
#e0a757
```
#e0a757 rgb(224,167,87)
```
#e3b067
```
#e3b067 rgb(227,176,103)
```
#e6b878
```
#e6b878 rgb(230,184,120)
```
#e9c188
```
#e9c188 rgb(233,193,136)
```
#ecca99
```
#ecca99 rgb(236,202,153)
```
#efd2aa
```
#efd2aa rgb(239,210,170)
```
#f2dbba
```
#f2dbba rgb(242,219,186)
```
#f5e4cb
```
#f5e4cb rgb(245,228,203)
```
#f8ecdb
```
#f8ecdb rgb(248,236,219)
```
#fbf5ec
```
#fbf5ec rgb(251,245,236)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#686259
```
#686259 rgb(104,98,89)
```
#6f6352
```
#6f6352 rgb(111,99,82)
```
#76644b
```
#76644b rgb(118,100,75)
```
#7e6643
```
#7e6643 rgb(126,102,67)
```
#85673c
```
#85673c rgb(133,103,60)
```
#8d6834
```
#8d6834 rgb(141,104,52)
```
#94692d
```
#94692d rgb(148,105,45)
```
#9c6b25
```
#9c6b25 rgb(156,107,37)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#aa6d17
```
#aa6d17 rgb(170,109,23)
```
#b26f0f
```
#b26f0f rgb(178,111,15)
```
#b97008
```
#b97008 rgb(185,112,8)
```
#c17100
```
#c17100 rgb(193,113,0)
```

Tone Color Variation

Below, you can see how #a36c1e 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
#7d7263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e2c Protanopia 1% of men
#9d7827 Deuteranopia 1% of men
#ac6c73 Tritanopia 0.001% of the population

Trichromacy

#957727 Protanomaly 1% of men, 0.01% of women
#9f7423 Deuteranomaly 6% of men, 0.4% of women
#a86c54 Tritanomaly 0.01% of the population

#a36c1e hex color

#a36c1e Color Information

#a36c1e Color Conversion

Color Schemes with #a36c1e

Alternatives to #a36c1e

#a36c1e Preview

Shades and Tints of #a36c1e

Tones of #a36c1e

Color Blindness Simulator