#a36220 hex color

In a RGB color space, hex #a36220 is composed of 63.9% red, 38.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 80.4% yellow and 36.1% black. It has a hue angle of 30.2 degrees, a saturation of 67.2% and a lightness of 38.2%. #a36220 color hex could be obtained by blending #ffc440 with #470000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 38
- B 13
RGB color chart
- C 0
- M 40
- Y 80
- K 36
CMYK color chart

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

The hexadecimal color #a36220 has RGB values of R:163, G:98, B:32 and CMYK values of C:0, M:0.4, Y:0.8, K:0.36. Its decimal value is 10707488.

Hex triplet	a36220	`#a36220`
RGB Decimal	163, 98, 32	`rgb(163,98,32)`
RGB Percent	63.9, 38.4, 12.5	`rgb(63.9%,38.4%,12.5%)`
CMYK	0, 40, 80, 36
HSL	30.2°, 67.2, 38.2	`hsl(30.2,67.2%,38.2%)`
HSV (or HSB)	30.2°, 80.4, 63.9
Web Safe	996633	`#996633`

CIE-LAB	47.787, 21.121, 46.166
XYZ	19.733, 16.628, 3.537
xyY	0.495, 0.417, 16.628
CIE-LCH	47.787, 50.768, 65.416
CIE-LUV	47.787, 52.374, 41.366
Hunter-Lab	40.777, 15.022, 23.402
Binary	10100011, 01100010, 00100000

#a36220
```
#a36220 rgb(163,98,32)
```
#2061a3
```
#2061a3 rgb(32,97,163)
```

Complementary Color

#a32120
```
#a32120 rgb(163,33,32)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#a3a320
```
#a3a320 rgb(163,163,32)
```

Analogous Color

#2120a3
```
#2120a3 rgb(33,32,163)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#20a3a3
```
#20a3a3 rgb(32,163,163)
```

Split Complementary Color

#6220a3
```
#6220a3 rgb(98,32,163)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#20a362
```
#20a362 rgb(32,163,98)
```

Triadic Color

#a32061
```
#a32061 rgb(163,32,97)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#20a362
```
#20a362 rgb(32,163,98)
```
#2061a3
```
#2061a3 rgb(32,97,163)
```

Tetradic Color

#633c13
```
#633c13 rgb(99,60,19)
```
#784818
```
#784818 rgb(120,72,24)
```
#8e551c
```
#8e551c rgb(142,85,28)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#b86f24
```
#b86f24 rgb(184,111,36)
```
#ce7c28
```
#ce7c28 rgb(206,124,40)
```
#d88838
```
#d88838 rgb(216,136,56)
```

Monochromatic Color

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

#a34120
```
#a34120 rgb(163,65,32)
```
#a34c20
```
#a34c20 rgb(163,76,32)
```
#a35720
```
#a35720 rgb(163,87,32)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#a36d20
```
#a36d20 rgb(163,109,32)
```
#a37820
```
#a37820 rgb(163,120,32)
```
#a38320
```
#a38320 rgb(163,131,32)
```

Similar Colors

Text with hexadecimal color #a36220

This text has a font color of #a36220.

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

#a36220 background color

This paragraph has a background color of #a36220.

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

#a36220 border color

This element has a border color of #a36220.

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

CSS codes

.text {color:#a36220;}

.background {background-color:#a36220;}

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

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

#0f0903
```
#0f0903 rgb(15,9,3)
```
#201306
```
#201306 rgb(32,19,6)
```
#301d09
```
#301d09 rgb(48,29,9)
```
#41270d
```
#41270d rgb(65,39,13)
```
#513110
```
#513110 rgb(81,49,16)
```
#613b13
```
#613b13 rgb(97,59,19)
```
#724416
```
#724416 rgb(114,68,22)
```
#824e1a
```
#824e1a rgb(130,78,26)
```
#93581d
```
#93581d rgb(147,88,29)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#b36c23
```
#b36c23 rgb(179,108,35)
```
#c47626
```
#c47626 rgb(196,118,38)
```
#d4802a
```
#d4802a rgb(212,128,42)
```

Shade Color Variation

#d88939
```
#d88939 rgb(216,137,57)
```
#db934a
```
#db934a rgb(219,147,74)
```
#df9d5a
```
#df9d5a rgb(223,157,90)
```
#e2a76a
```
#e2a76a rgb(226,167,106)
```
#e5b07b
```
#e5b07b rgb(229,176,123)
```
#e8ba8b
```
#e8ba8b rgb(232,186,139)
```
#ebc49c
```
#ebc49c rgb(235,196,156)
```
#efceac
```
#efceac rgb(239,206,172)
```
#f2d7bc
```
#f2d7bc rgb(242,215,188)
```
#f5e1cd
```
#f5e1cd rgb(245,225,205)
```
#f8ebdd
```
#f8ebdd rgb(248,235,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#67625c
```
#67625c rgb(103,98,92)
```
#6f6255
```
#6f6255 rgb(111,98,85)
```
#76624d
```
#76624d rgb(118,98,77)
```
#7e6246
```
#7e6246 rgb(126,98,70)
```
#85623e
```
#85623e rgb(133,98,62)
```
#8d6237
```
#8d6237 rgb(141,98,55)
```
#94622f
```
#94622f rgb(148,98,47)
```
#9c6228
```
#9c6228 rgb(156,98,40)
```
#a36220
```
#a36220 rgb(163,98,32)
```
#ab6219
```
#ab6219 rgb(171,98,25)
```
#b26211
```
#b26211 rgb(178,98,17)
```
#ba620a
```
#ba620a rgb(186,98,10)
```
#c16202
```
#c16202 rgb(193,98,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#796c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#86782f Protanopia 1% of men
#957327 Deuteranopia 1% of men
#ab636a Tritanopia 0.001% of the population

Trichromacy

#907029 Protanomaly 1% of men, 0.01% of women
#9a6c25 Deuteranomaly 6% of men, 0.4% of women
#a8634f Tritanomaly 0.01% of the population

#a36220 hex color

#a36220 Color Information

#a36220 Color Conversion

Color Schemes with #a36220

Alternatives to #a36220

#a36220 Preview

Shades and Tints of #a36220

Tones of #a36220

Color Blindness Simulator