#aa501f hex color

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

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

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

The hexadecimal color #aa501f has RGB values of R:170, G:80, B:31 and CMYK values of C:0, M:0.53, Y:0.82, K:0.33. Its decimal value is 11161631.

Hex triplet	aa501f	`#aa501f`
RGB Decimal	170, 80, 31	`rgb(170,80,31)`
RGB Percent	66.7, 31.4, 12.2	`rgb(66.7%,31.4%,12.2%)`
CMYK	0, 53, 82, 33
HSL	21.2°, 69.2, 39.4	`hsl(21.2,69.2%,39.4%)`
HSV (or HSB)	21.2°, 81.8, 66.7
Web Safe	996633	`#996633`

CIE-LAB	44.779, 33.894, 44.147
XYZ	19.694, 14.384, 3.036
xyY	0.531, 0.388, 14.384
CIE-LCH	44.779, 55.657, 52.485
CIE-LUV	44.779, 72.343, 35.512
Hunter-Lab	37.926, 26.319, 21.803
Binary	10101010, 01010000, 00011111

#aa501f
```
#aa501f rgb(170,80,31)
```
#1f79aa
```
#1f79aa rgb(31,121,170)
```

Complementary Color

#aa1f34
```
#aa1f34 rgb(170,31,52)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#aa961f
```
#aa961f rgb(170,150,31)
```

Analogous Color

#1f34aa
```
#1f34aa rgb(31,52,170)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```

Split Complementary Color

#501faa
```
#501faa rgb(80,31,170)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#1faa50
```
#1faa50 rgb(31,170,80)
```

Triadic Color

#aa1f79
```
#aa1f79 rgb(170,31,121)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#1faa50
```
#1faa50 rgb(31,170,80)
```
#1f79aa
```
#1f79aa rgb(31,121,170)
```

Tetradic Color

#693213
```
#693213 rgb(105,50,19)
```
#7f3c17
```
#7f3c17 rgb(127,60,23)
```
#94461b
```
#94461b rgb(148,70,27)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#c05a23
```
#c05a23 rgb(192,90,35)
```
#d56427
```
#d56427 rgb(213,100,39)
```
#db733a
```
#db733a rgb(219,115,58)
```

Monochromatic Color

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

#aa2d1f
```
#aa2d1f rgb(170,45,31)
```
#aa391f
```
#aa391f rgb(170,57,31)
```
#aa441f
```
#aa441f rgb(170,68,31)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#aa5c1f
```
#aa5c1f rgb(170,92,31)
```
#aa671f
```
#aa671f rgb(170,103,31)
```
#aa731f
```
#aa731f rgb(170,115,31)
```

Similar Colors

Text with hexadecimal color #aa501f

This text has a font color of #aa501f.

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

#aa501f background color

This paragraph has a background color of #aa501f.

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

#aa501f border color

This element has a border color of #aa501f.

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

CSS codes

.text {color:#aa501f;}

.background {background-color:#aa501f;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150a04
```
#150a04 rgb(21,10,4)
```
#251207
```
#251207 rgb(37,18,7)
```
#36190a
```
#36190a rgb(54,25,10)
```
#46210d
```
#46210d rgb(70,33,13)
```
#572910
```
#572910 rgb(87,41,16)
```
#683113
```
#683113 rgb(104,49,19)
```
#783916
```
#783916 rgb(120,57,22)
```
#894019
```
#894019 rgb(137,64,25)
```
#99481c
```
#99481c rgb(153,72,28)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#bb5822
```
#bb5822 rgb(187,88,34)
```
#cb6025
```
#cb6025 rgb(203,96,37)
```

Shade Color Variation

#d8682b
```
#d8682b rgb(216,104,43)
```
#db743c
```
#db743c rgb(219,116,60)
```
#de804d
```
#de804d rgb(222,128,77)
```
#e18c5d
```
#e18c5d rgb(225,140,93)
```
#e5986e
```
#e5986e rgb(229,152,110)
```
#e8a37e
```
#e8a37e rgb(232,163,126)
```
#ebaf8f
```
#ebaf8f rgb(235,175,143)
```
#eebba0
```
#eebba0 rgb(238,187,160)
```
#f1c7b0
```
#f1c7b0 rgb(241,199,176)
```
#f4d3c1
```
#f4d3c1 rgb(244,211,193)
```
#f7ded1
```
#f7ded1 rgb(247,222,209)
```
#faeae2
```
#faeae2 rgb(250,234,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#6c625d
```
#6c625d rgb(108,98,93)
```
#746055
```
#746055 rgb(116,96,85)
```
#7c5e4d
```
#7c5e4d rgb(124,94,77)
```
#835b46
```
#835b46 rgb(131,91,70)
```
#8b593e
```
#8b593e rgb(139,89,62)
```
#935736
```
#935736 rgb(147,87,54)
```
#9b552e
```
#9b552e rgb(155,85,46)
```
#a25227
```
#a25227 rgb(162,82,39)
```
#aa501f
```
#aa501f rgb(170,80,31)
```
#b24e17
```
#b24e17 rgb(178,78,23)
```
#b94b10
```
#b94b10 rgb(185,75,16)
```
#c14908
```
#c14908 rgb(193,73,8)
```
#c94700
```
#c94700 rgb(201,71,0)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#736157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7131 Protanopia 1% of men
#8d6c23 Deuteranopia 1% of men
#b05459 Tritanopia 0.001% of the population

Trichromacy

#8e652a Protanomaly 1% of men, 0.01% of women
#976221 Deuteranomaly 6% of men, 0.4% of women
#ae5244 Tritanomaly 0.01% of the population

#aa501f hex color

#aa501f Color Information

#aa501f Color Conversion

Color Schemes with #aa501f

Alternatives to #aa501f

#aa501f Preview

Shades and Tints of #aa501f

Tones of #aa501f

Color Blindness Simulator