#aa7020 hex color

In a RGB color space, hex #aa7020 is composed of 66.7% red, 43.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.1% magenta, 81.2% yellow and 33.3% black. It has a hue angle of 34.8 degrees, a saturation of 68.3% and a lightness of 39.6%. #aa7020 color hex could be obtained by blending #ffe040 with #550000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 44
- B 13
RGB color chart
- C 0
- M 34
- Y 81
- K 33
CMYK color chart

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

The hexadecimal color #aa7020 has RGB values of R:170, G:112, B:32 and CMYK values of C:0, M:0.34, Y:0.81, K:0.33. Its decimal value is 11169824.

Hex triplet	aa7020	`#aa7020`
RGB Decimal	170, 112, 32	`rgb(170,112,32)`
RGB Percent	66.7, 43.9, 12.5	`rgb(66.7%,43.9%,12.5%)`
CMYK	0, 34, 81, 33
HSL	34.8°, 68.3, 39.6	`hsl(34.8,68.3%,39.6%)`
HSV (or HSB)	34.8°, 81.2, 66.7
Web Safe	996633	`#996633`

CIE-LAB	52.108, 16.344, 50.494
XYZ	22.633, 20.24, 4.081
xyY	0.482, 0.431, 20.24
CIE-LCH	52.108, 53.073, 72.064
CIE-LUV	52.108, 47.165, 47.31
Hunter-Lab	44.989, 11.068, 26.114
Binary	10101010, 01110000, 00100000

#aa7020
```
#aa7020 rgb(170,112,32)
```
#205aaa
```
#205aaa rgb(32,90,170)
```

Complementary Color

#aa2b20
```
#aa2b20 rgb(170,43,32)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#9faa20
```
#9faa20 rgb(159,170,32)
```

Analogous Color

#2b20aa
```
#2b20aa rgb(43,32,170)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#209faa
```
#209faa rgb(32,159,170)
```

Split Complementary Color

#7020aa
```
#7020aa rgb(112,32,170)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#20aa70
```
#20aa70 rgb(32,170,112)
```

Triadic Color

#aa205a
```
#aa205a rgb(170,32,90)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#20aa70
```
#20aa70 rgb(32,170,112)
```
#205aaa
```
#205aaa rgb(32,90,170)
```

Tetradic Color

#6a4614
```
#6a4614 rgb(106,70,20)
```
#7f5418
```
#7f5418 rgb(127,84,24)
```
#95621c
```
#95621c rgb(149,98,28)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#bf7e24
```
#bf7e24 rgb(191,126,36)
```
#d58c28
```
#d58c28 rgb(213,140,40)
```
#da983c
```
#da983c rgb(218,152,60)
```

Monochromatic Color

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

#aa4e20
```
#aa4e20 rgb(170,78,32)
```
#aa5920
```
#aa5920 rgb(170,89,32)
```
#aa6520
```
#aa6520 rgb(170,101,32)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#aa7c20
```
#aa7c20 rgb(170,124,32)
```
#aa8720
```
#aa8720 rgb(170,135,32)
```
#aa9320
```
#aa9320 rgb(170,147,32)
```

Similar Colors

Text with hexadecimal color #aa7020

This text has a font color of #aa7020.

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

#aa7020 background color

This paragraph has a background color of #aa7020.

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

#aa7020 border color

This element has a border color of #aa7020.

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

CSS codes

.text {color:#aa7020;}

.background {background-color:#aa7020;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#261907
```
#261907 rgb(38,25,7)
```
#36240a
```
#36240a rgb(54,36,10)
```
#472f0d
```
#472f0d rgb(71,47,13)
```
#573a10
```
#573a10 rgb(87,58,16)
```
#684414
```
#684414 rgb(104,68,20)
```
#784f17
```
#784f17 rgb(120,79,23)
```
#895a1a
```
#895a1a rgb(137,90,26)
```
#99651d
```
#99651d rgb(153,101,29)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#bb7b23
```
#bb7b23 rgb(187,123,35)
```
#cb8626
```
#cb8626 rgb(203,134,38)
```

Shade Color Variation

#d8902d
```
#d8902d rgb(216,144,45)
```
#db993e
```
#db993e rgb(219,153,62)
```
#dea14e
```
#dea14e rgb(222,161,78)
```
#e1aa5f
```
#e1aa5f rgb(225,170,95)
```
#e4b36f
```
#e4b36f rgb(228,179,111)
```
#e7bc80
```
#e7bc80 rgb(231,188,128)
```
#eac490
```
#eac490 rgb(234,196,144)
```
#edcda1
```
#edcda1 rgb(237,205,161)
```
#f0d6b1
```
#f0d6b1 rgb(240,214,177)
```
#f3dfc2
```
#f3dfc2 rgb(243,223,194)
```
#f7e7d2
```
#f7e7d2 rgb(247,231,210)
```
#faf0e3
```
#faf0e3 rgb(250,240,227)
```
#fdf9f3
```
#fdf9f3 rgb(253,249,243)
```

Tint Color Variation

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

#6c665e
```
#6c665e rgb(108,102,94)
```
#746756
```
#746756 rgb(116,103,86)
```
#7b694f
```
#7b694f rgb(123,105,79)
```
#836a47
```
#836a47 rgb(131,106,71)
```
#8b6b3f
```
#8b6b3f rgb(139,107,63)
```
#936c37
```
#936c37 rgb(147,108,55)
```
#9a6e30
```
#9a6e30 rgb(154,110,48)
```
#a26f28
```
#a26f28 rgb(162,111,40)
```
#aa7020
```
#aa7020 rgb(170,112,32)
```
#b27118
```
#b27118 rgb(178,113,24)
```
#ba7210
```
#ba7210 rgb(186,114,16)
```
#c17409
```
#c17409 rgb(193,116,9)
```
#c97501
```
#c97501 rgb(201,117,1)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#827666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92832e Protanopia 1% of men
#a27c29 Deuteranopia 1% of men
#b37077 Tritanopia 0.001% of the population

Trichromacy

#9a7c29 Protanomaly 1% of men, 0.01% of women
#a57825 Deuteranomaly 6% of men, 0.4% of women
#af7057 Tritanomaly 0.01% of the population

#aa7020 hex color

#aa7020 Color Information

#aa7020 Color Conversion

Color Schemes with #aa7020

Alternatives to #aa7020

#aa7020 Preview

Shades and Tints of #aa7020

Tones of #aa7020

Color Blindness Simulator