#aa701f hex color

In a RGB color space, hex #aa701f is composed of 66.7% red, 43.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.1% magenta, 81.8% yellow and 33.3% black. It has a hue angle of 35 degrees, a saturation of 69.2% and a lightness of 39.4%. #aa701f color hex could be obtained by blending #ffe03e with #550000. Closest websafe color is: #996633.

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

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

The hexadecimal color #aa701f has RGB values of R:170, G:112, B:31 and CMYK values of C:0, M:0.34, Y:0.82, K:0.33. Its decimal value is 11169823.

Hex triplet	aa701f	`#aa701f`
RGB Decimal	170, 112, 31	`rgb(170,112,31)`
RGB Percent	66.7, 43.9, 12.2	`rgb(66.7%,43.9%,12.2%)`
CMYK	0, 34, 82, 33
HSL	35°, 69.2, 39.4	`hsl(35,69.2%,39.4%)`
HSV (or HSB)	35°, 81.8, 66.7
Web Safe	996633	`#996633`

CIE-LAB	52.102, 16.309, 50.872
XYZ	22.62, 20.235, 4.011
xyY	0.483, 0.432, 20.235
CIE-LCH	52.102, 53.422, 72.225
CIE-LUV	52.102, 47.216, 47.537
Hunter-Lab	44.983, 11.038, 26.202
Binary	10101010, 01110000, 00011111

#aa701f
```
#aa701f rgb(170,112,31)
```
#1f59aa
```
#1f59aa rgb(31,89,170)
```

Complementary Color

#aa2b1f
```
#aa2b1f rgb(170,43,31)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#9faa1f
```
#9faa1f rgb(159,170,31)
```

Analogous Color

#2b1faa
```
#2b1faa rgb(43,31,170)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#1f9faa
```
#1f9faa rgb(31,159,170)
```

Split Complementary Color

#701faa
```
#701faa rgb(112,31,170)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#1faa70
```
#1faa70 rgb(31,170,112)
```

Triadic Color

#aa1f59
```
#aa1f59 rgb(170,31,89)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#1faa70
```
#1faa70 rgb(31,170,112)
```
#1f59aa
```
#1f59aa rgb(31,89,170)
```

Tetradic Color

#694513
```
#694513 rgb(105,69,19)
```
#7f5417
```
#7f5417 rgb(127,84,23)
```
#94621b
```
#94621b rgb(148,98,27)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#c07e23
```
#c07e23 rgb(192,126,35)
```
#d58c27
```
#d58c27 rgb(213,140,39)
```
#db983a
```
#db983a rgb(219,152,58)
```

Monochromatic Color

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

#aa4d1f
```
#aa4d1f rgb(170,77,31)
```
#aa591f
```
#aa591f rgb(170,89,31)
```
#aa641f
```
#aa641f rgb(170,100,31)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#aa7c1f
```
#aa7c1f rgb(170,124,31)
```
#aa871f
```
#aa871f rgb(170,135,31)
```
#aa931f
```
#aa931f rgb(170,147,31)
```

Similar Colors

Text with hexadecimal color #aa701f

This text has a font color of #aa701f.

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

#aa701f background color

This paragraph has a background color of #aa701f.

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

#aa701f border color

This element has a border color of #aa701f.

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

CSS codes

.text {color:#aa701f;}

.background {background-color:#aa701f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#251907
```
#251907 rgb(37,25,7)
```
#36230a
```
#36230a rgb(54,35,10)
```
#462e0d
```
#462e0d rgb(70,46,13)
```
#573910
```
#573910 rgb(87,57,16)
```
#684413
```
#684413 rgb(104,68,19)
```
#784f16
```
#784f16 rgb(120,79,22)
```
#895a19
```
#895a19 rgb(137,90,25)
```
#99651c
```
#99651c rgb(153,101,28)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#bb7b22
```
#bb7b22 rgb(187,123,34)
```
#cb8625
```
#cb8625 rgb(203,134,37)
```

Shade Color Variation

#d8902b
```
#d8902b rgb(216,144,43)
```
#db993c
```
#db993c rgb(219,153,60)
```
#dea24d
```
#dea24d rgb(222,162,77)
```
#e1aa5d
```
#e1aa5d rgb(225,170,93)
```
#e5b36e
```
#e5b36e rgb(229,179,110)
```
#e8bc7e
```
#e8bc7e rgb(232,188,126)
```
#ebc48f
```
#ebc48f rgb(235,196,143)
```
#eecda0
```
#eecda0 rgb(238,205,160)
```
#f1d6b0
```
#f1d6b0 rgb(241,214,176)
```
#f4dec1
```
#f4dec1 rgb(244,222,193)
```
#f7e7d1
```
#f7e7d1 rgb(247,231,209)
```
#faf0e2
```
#faf0e2 rgb(250,240,226)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#6c665d
```
#6c665d rgb(108,102,93)
```
#746755
```
#746755 rgb(116,103,85)
```
#7c684d
```
#7c684d rgb(124,104,77)
```
#836a46
```
#836a46 rgb(131,106,70)
```
#8b6b3e
```
#8b6b3e rgb(139,107,62)
```
#936c36
```
#936c36 rgb(147,108,54)
```
#9b6d2e
```
#9b6d2e rgb(155,109,46)
```
#a26f27
```
#a26f27 rgb(162,111,39)
```
#aa701f
```
#aa701f rgb(170,112,31)
```
#b27117
```
#b27117 rgb(178,113,23)
```
#b97310
```
#b97310 rgb(185,115,16)
```
#c17408
```
#c17408 rgb(193,116,8)
```
#c97500
```
#c97500 rgb(201,117,0)
```

Tone Color Variation

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

#92832d Protanopia 1% of men
#a27c28 Deuteranopia 1% of men
#b37077 Tritanopia 0.001% of the population

Trichromacy

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

#aa701f hex color

#aa701f Color Information

#aa701f Color Conversion

Color Schemes with #aa701f

Alternatives to #aa701f

#aa701f Preview

Shades and Tints of #aa701f

Tones of #aa701f

Color Blindness Simulator