#aa7216 hex color

In a RGB color space, hex #aa7216 is composed of 66.7% red, 44.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 87.1% yellow and 33.3% black. It has a hue angle of 37.3 degrees, a saturation of 77.1% and a lightness of 37.6%. #aa7216 color hex could be obtained by blending #ffe42c with #550000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 45
- B 9
RGB color chart
- C 0
- M 33
- Y 87
- K 33
CMYK color chart

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

The hexadecimal color #aa7216 has RGB values of R:170, G:114, B:22 and CMYK values of C:0, M:0.33, Y:0.87, K:0.33. Its decimal value is 11170326.

Hex triplet	aa7216	`#aa7216`
RGB Decimal	170, 114, 22	`rgb(170,114,22)`
RGB Percent	66.7, 44.7, 8.6	`rgb(66.7%,44.7%,8.6%)`
CMYK	0, 33, 87, 33
HSL	37.3°, 77.1, 37.6	`hsl(37.3,77.1%,37.6%)`
HSV (or HSB)	37.3°, 87.1, 66.7
Web Safe	996600	`#996600`

CIE-LAB	52.553, 14.912, 54.331
XYZ	22.74, 20.64, 3.545
xyY	0.485, 0.44, 20.64
CIE-LCH	52.553, 56.34, 74.652
CIE-LUV	52.553, 46.027, 50.062
Hunter-Lab	45.431, 9.842, 27.175
Binary	10101010, 01110010, 00010110

#aa7216
```
#aa7216 rgb(170,114,22)
```
#164eaa
```
#164eaa rgb(22,78,170)
```

Complementary Color

#aa2816
```
#aa2816 rgb(170,40,22)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#98aa16
```
#98aa16 rgb(152,170,22)
```

Analogous Color

#2816aa
```
#2816aa rgb(40,22,170)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#1698aa
```
#1698aa rgb(22,152,170)
```

Split Complementary Color

#7216aa
```
#7216aa rgb(114,22,170)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#16aa72
```
#16aa72 rgb(22,170,114)
```

Triadic Color

#aa164e
```
#aa164e rgb(170,22,78)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#16aa72
```
#16aa72 rgb(22,170,114)
```
#164eaa
```
#164eaa rgb(22,78,170)
```

Tetradic Color

#66450d
```
#66450d rgb(102,69,13)
```
#7d5410
```
#7d5410 rgb(125,84,16)
```
#936313
```
#936313 rgb(147,99,19)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#c18119
```
#c18119 rgb(193,129,25)
```
#d7901c
```
#d7901c rgb(215,144,28)
```
#e39d29
```
#e39d29 rgb(227,157,41)
```

Monochromatic Color

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

#aa4d16
```
#aa4d16 rgb(170,77,22)
```
#aa5916
```
#aa5916 rgb(170,89,22)
```
#aa6616
```
#aa6616 rgb(170,102,22)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#aa7e16
```
#aa7e16 rgb(170,126,22)
```
#aa8b16
```
#aa8b16 rgb(170,139,22)
```
#aa9716
```
#aa9716 rgb(170,151,22)
```

Similar Colors

Text with hexadecimal color #aa7216

This text has a font color of #aa7216.

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

#aa7216 background color

This paragraph has a background color of #aa7216.

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

#aa7216 border color

This element has a border color of #aa7216.

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

CSS codes

.text {color:#aa7216;}

.background {background-color:#aa7216;}

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

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

#0e0902
```
#0e0902 rgb(14,9,2)
```
#1f1504
```
#1f1504 rgb(31,21,4)
```
#302006
```
#302006 rgb(48,32,6)
```
#422c09
```
#422c09 rgb(66,44,9)
```
#53380b
```
#53380b rgb(83,56,11)
```
#65430d
```
#65430d rgb(101,67,13)
```
#764f0f
```
#764f0f rgb(118,79,15)
```
#875b12
```
#875b12 rgb(135,91,18)
```
#996614
```
#996614 rgb(153,102,20)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#bb7e18
```
#bb7e18 rgb(187,126,24)
```
#cd891a
```
#cd891a rgb(205,137,26)
```
#de951d
```
#de951d rgb(222,149,29)
```

Shade Color Variation

#e49e2b
```
#e49e2b rgb(228,158,43)
```
#e6a63c
```
#e6a63c rgb(230,166,60)
```
#e8ae4e
```
#e8ae4e rgb(232,174,78)
```
#eab65f
```
#eab65f rgb(234,182,95)
```
#edbe70
```
#edbe70 rgb(237,190,112)
```
#efc682
```
#efc682 rgb(239,198,130)
```
#f1ce93
```
#f1ce93 rgb(241,206,147)
```
#f3d5a4
```
#f3d5a4 rgb(243,213,164)
```
#f6ddb6
```
#f6ddb6 rgb(246,221,182)
```
#f8e5c7
```
#f8e5c7 rgb(248,229,199)
```
#faedd9
```
#faedd9 rgb(250,237,217)
```
#fcf5ea
```
#fcf5ea rgb(252,245,234)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#606060
```
#606060 rgb(96,96,96)
```
#686258
```
#686258 rgb(104,98,88)
```
#6f6451
```
#6f6451 rgb(111,100,81)
```
#76654a
```
#76654a rgb(118,101,74)
```
#7e6742
```
#7e6742 rgb(126,103,66)
```
#85693b
```
#85693b rgb(133,105,59)
```
#8c6b34
```
#8c6b34 rgb(140,107,52)
```
#946d2c
```
#946d2c rgb(148,109,44)
```
#9b6e25
```
#9b6e25 rgb(155,110,37)
```
#a3701d
```
#a3701d rgb(163,112,29)
```
#aa7216
```
#aa7216 rgb(170,114,22)
```
#b1740f
```
#b1740f rgb(177,116,15)
```
#b97607
```
#b97607 rgb(185,118,7)
```

Tone Color Variation

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

Dichromacy

#938425 Protanopia 1% of men
#a47d1f Deuteranopia 1% of men
#b37179 Tritanopia 0.001% of the population

Trichromacy

#9b7d1f Protanomaly 1% of men, 0.01% of women
#a6791b Deuteranomaly 6% of men, 0.4% of women
#af7155 Tritanomaly 0.01% of the population

#aa7216 hex color

#aa7216 Color Information

#aa7216 Color Conversion

Color Schemes with #aa7216

Alternatives to #aa7216

#aa7216 Preview

Shades and Tints of #aa7216

Tones of #aa7216

Color Blindness Simulator