#a46420 hex color

In a RGB color space, hex #a46420 is composed of 64.3% red, 39.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 80.5% yellow and 35.7% black. It has a hue angle of 30.9 degrees, a saturation of 67.3% and a lightness of 38.4%. #a46420 color hex could be obtained by blending #ffc840 with #490000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a46420 has RGB values of R:164, G:100, B:32 and CMYK values of C:0, M:0.39, Y:0.8, K:0.36. Its decimal value is 10773536.

Hex triplet	a46420	`#a46420`
RGB Decimal	164, 100, 32	`rgb(164,100,32)`
RGB Percent	64.3, 39.2, 12.5	`rgb(64.3%,39.2%,12.5%)`
CMYK	0, 39, 80, 36
HSL	30.9°, 67.3, 38.4	`hsl(30.9,67.3%,38.4%)`
HSV (or HSB)	30.9°, 80.5, 64.3
Web Safe	996633	`#996633`

CIE-LAB	48.402, 20.436, 46.79
XYZ	20.128, 17.113, 3.609
xyY	0.493, 0.419, 17.113
CIE-LCH	48.402, 51.058, 66.406
CIE-LUV	48.402, 51.636, 42.215
Hunter-Lab	41.367, 14.46, 23.784
Binary	10100100, 01100100, 00100000

#a46420
```
#a46420 rgb(164,100,32)
```
#2060a4
```
#2060a4 rgb(32,96,164)
```

Complementary Color

#a42220
```
#a42220 rgb(164,34,32)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#a2a420
```
#a2a420 rgb(162,164,32)
```

Analogous Color

#2220a4
```
#2220a4 rgb(34,32,164)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#20a2a4
```
#20a2a4 rgb(32,162,164)
```

Split Complementary Color

#6420a4
```
#6420a4 rgb(100,32,164)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#20a464
```
#20a464 rgb(32,164,100)
```

Triadic Color

#a42060
```
#a42060 rgb(164,32,96)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#20a464
```
#20a464 rgb(32,164,100)
```
#2060a4
```
#2060a4 rgb(32,96,164)
```

Tetradic Color

#643d14
```
#643d14 rgb(100,61,20)
```
#794a18
```
#794a18 rgb(121,74,24)
```
#8f571c
```
#8f571c rgb(143,87,28)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#b97124
```
#b97124 rgb(185,113,36)
```
#cf7e28
```
#cf7e28 rgb(207,126,40)
```
#d88b38
```
#d88b38 rgb(216,139,56)
```

Monochromatic Color

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

#a44320
```
#a44320 rgb(164,67,32)
```
#a44e20
```
#a44e20 rgb(164,78,32)
```
#a45920
```
#a45920 rgb(164,89,32)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#a46f20
```
#a46f20 rgb(164,111,32)
```
#a47a20
```
#a47a20 rgb(164,122,32)
```
#a48520
```
#a48520 rgb(164,133,32)
```

Similar Colors

Text with hexadecimal color #a46420

This text has a font color of #a46420.

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

#a46420 background color

This paragraph has a background color of #a46420.

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

#a46420 border color

This element has a border color of #a46420.

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

CSS codes

.text {color:#a46420;}

.background {background-color:#a46420;}

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

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, #100a03 is the darkest color, while #ffffff is the lightest one.

#100a03
```
#100a03 rgb(16,10,3)
```
#211406
```
#211406 rgb(33,20,6)
```
#311e0a
```
#311e0a rgb(49,30,10)
```
#42280d
```
#42280d rgb(66,40,13)
```
#523210
```
#523210 rgb(82,50,16)
```
#623c13
```
#623c13 rgb(98,60,19)
```
#734616
```
#734616 rgb(115,70,22)
```
#83501a
```
#83501a rgb(131,80,26)
```
#945a1d
```
#945a1d rgb(148,90,29)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#b46e23
```
#b46e23 rgb(180,110,35)
```
#c57826
```
#c57826 rgb(197,120,38)
```
#d5822a
```
#d5822a rgb(213,130,42)
```

Shade Color Variation

#d98c3a
```
#d98c3a rgb(217,140,58)
```
#dc954a
```
#dc954a rgb(220,149,74)
```
#df9f5b
```
#df9f5b rgb(223,159,91)
```
#e2a86b
```
#e2a86b rgb(226,168,107)
```
#e5b27c
```
#e5b27c rgb(229,178,124)
```
#e9bc8c
```
#e9bc8c rgb(233,188,140)
```
#ecc59c
```
#ecc59c rgb(236,197,156)
```
#efcfad
```
#efcfad rgb(239,207,173)
```
#f2d8bd
```
#f2d8bd rgb(242,216,189)
```
#f5e2ce
```
#f5e2ce rgb(245,226,206)
```
#f9ecde
```
#f9ecde rgb(249,236,222)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68625c
```
#68625c rgb(104,98,92)
```
#6f6255
```
#6f6255 rgb(111,98,85)
```
#77634d
```
#77634d rgb(119,99,77)
```
#7e6346
```
#7e6346 rgb(126,99,70)
```
#86633e
```
#86633e rgb(134,99,62)
```
#8d6337
```
#8d6337 rgb(141,99,55)
```
#95642f
```
#95642f rgb(149,100,47)
```
#9c6428
```
#9c6428 rgb(156,100,40)
```
#a46420
```
#a46420 rgb(164,100,32)
```
#ac6418
```
#ac6418 rgb(172,100,24)
```
#b36411
```
#b36411 rgb(179,100,17)
```
#bb6509
```
#bb6509 rgb(187,101,9)
```
#c26502
```
#c26502 rgb(194,101,2)
```

Tone Color Variation

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

Dichromacy

#877a2f Protanopia 1% of men
#977428 Deuteranopia 1% of men
#ac656c Tritanopia 0.001% of the population

Trichromacy

#927229 Protanomaly 1% of men, 0.01% of women
#9c6e25 Deuteranomaly 6% of men, 0.4% of women
#a96550 Tritanomaly 0.01% of the population

#a46420 hex color

#a46420 Color Information

#a46420 Color Conversion

Color Schemes with #a46420

Alternatives to #a46420

#a46420 Preview

Shades and Tints of #a46420

Tones of #a46420

Color Blindness Simulator