#a45a20 hex color

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

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

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

The hexadecimal color #a45a20 has RGB values of R:164, G:90, B:32 and CMYK values of C:0, M:0.45, Y:0.8, K:0.36. Its decimal value is 10770976.

Hex triplet	a45a20	`#a45a20`
RGB Decimal	164, 90, 32	`rgb(164,90,32)`
RGB Percent	64.3, 35.3, 12.5	`rgb(64.3%,35.3%,12.5%)`
CMYK	0, 45, 80, 36
HSL	26.4°, 67.3, 38.4	`hsl(26.4,67.3%,38.4%)`
HSV (or HSB)	26.4°, 80.5, 64.3
Web Safe	996633	`#996633`

CIE-LAB	46.057, 26.028, 44.581
XYZ	19.227, 15.311, 3.309
xyY	0.508, 0.405, 15.311
CIE-LCH	46.057, 51.623, 59.722
CIE-LUV	46.057, 59.466, 38.365
Hunter-Lab	39.129, 19.236, 22.376
Binary	10100100, 01011010, 00100000

#a45a20
```
#a45a20 rgb(164,90,32)
```
#206aa4
```
#206aa4 rgb(32,106,164)
```

Complementary Color

#a42028
```
#a42028 rgb(164,32,40)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#a49c20
```
#a49c20 rgb(164,156,32)
```

Analogous Color

#2028a4
```
#2028a4 rgb(32,40,164)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#20a49c
```
#20a49c rgb(32,164,156)
```

Split Complementary Color

#5a20a4
```
#5a20a4 rgb(90,32,164)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#20a45a
```
#20a45a rgb(32,164,90)
```

Triadic Color

#a4206a
```
#a4206a rgb(164,32,106)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#20a45a
```
#20a45a rgb(32,164,90)
```
#206aa4
```
#206aa4 rgb(32,106,164)
```

Tetradic Color

#643714
```
#643714 rgb(100,55,20)
```
#794318
```
#794318 rgb(121,67,24)
```
#8f4e1c
```
#8f4e1c rgb(143,78,28)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#b96624
```
#b96624 rgb(185,102,36)
```
#cf7128
```
#cf7128 rgb(207,113,40)
```
#d87f38
```
#d87f38 rgb(216,127,56)
```

Monochromatic Color

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

#a43920
```
#a43920 rgb(164,57,32)
```
#a44420
```
#a44420 rgb(164,68,32)
```
#a44f20
```
#a44f20 rgb(164,79,32)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#a46520
```
#a46520 rgb(164,101,32)
```
#a47020
```
#a47020 rgb(164,112,32)
```
#a47b20
```
#a47b20 rgb(164,123,32)
```

Similar Colors

Text with hexadecimal color #a45a20

This text has a font color of #a45a20.

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

#a45a20 background color

This paragraph has a background color of #a45a20.

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

#a45a20 border color

This element has a border color of #a45a20.

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

CSS codes

.text {color:#a45a20;}

.background {background-color:#a45a20;}

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

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

#100903
```
#100903 rgb(16,9,3)
```
#211206
```
#211206 rgb(33,18,6)
```
#311b0a
```
#311b0a rgb(49,27,10)
```
#42240d
```
#42240d rgb(66,36,13)
```
#522d10
```
#522d10 rgb(82,45,16)
```
#623613
```
#623613 rgb(98,54,19)
```
#733f16
```
#733f16 rgb(115,63,22)
```
#83481a
```
#83481a rgb(131,72,26)
```
#94511d
```
#94511d rgb(148,81,29)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#b46323
```
#b46323 rgb(180,99,35)
```
#c56c26
```
#c56c26 rgb(197,108,38)
```
#d5752a
```
#d5752a rgb(213,117,42)
```

Shade Color Variation

#d9803a
```
#d9803a rgb(217,128,58)
```
#dc8a4a
```
#dc8a4a rgb(220,138,74)
```
#df955b
```
#df955b rgb(223,149,91)
```
#e29f6b
```
#e29f6b rgb(226,159,107)
```
#e5aa7c
```
#e5aa7c rgb(229,170,124)
```
#e9b58c
```
#e9b58c rgb(233,181,140)
```
#ecbf9c
```
#ecbf9c rgb(236,191,156)
```
#efcaad
```
#efcaad rgb(239,202,173)
```
#f2d4bd
```
#f2d4bd rgb(242,212,189)
```
#f5dfce
```
#f5dfce rgb(245,223,206)
```
#f9eade
```
#f9eade rgb(249,234,222)
```
#fcf4ee
```
#fcf4ee rgb(252,244,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68615c
```
#68615c rgb(104,97,92)
```
#6f6055
```
#6f6055 rgb(111,96,85)
```
#775f4d
```
#775f4d rgb(119,95,77)
```
#7e5f46
```
#7e5f46 rgb(126,95,70)
```
#865e3e
```
#865e3e rgb(134,94,62)
```
#8d5d37
```
#8d5d37 rgb(141,93,55)
```
#955c2f
```
#955c2f rgb(149,92,47)
```
#9c5b28
```
#9c5b28 rgb(156,91,40)
```
#a45a20
```
#a45a20 rgb(164,90,32)
```
#ac5918
```
#ac5918 rgb(172,89,24)
```
#b35811
```
#b35811 rgb(179,88,17)
```
#bb5709
```
#bb5709 rgb(187,87,9)
```
#c25602
```
#c25602 rgb(194,86,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#76675b Atypical Achromatopsia 0.001% of the population

Dichromacy

#817430 Protanopia 1% of men
#906f26 Deuteranopia 1% of men
#ab5c62 Tritanopia 0.001% of the population

Trichromacy

#8e6b2a Protanomaly 1% of men, 0.01% of women
#976724 Deuteranomaly 6% of men, 0.4% of women
#a85b4a Tritanomaly 0.01% of the population

#a45a20 hex color

#a45a20 Color Information

#a45a20 Color Conversion

Color Schemes with #a45a20

Alternatives to #a45a20

#a45a20 Preview

Shades and Tints of #a45a20

Tones of #a45a20

Color Blindness Simulator