#aa5522 Color Information
In a RGB color space, hex #aa5522 is composed of 66.7% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 80% yellow and 33.3% black. It has a hue angle of 22.5 degrees, a saturation of 66.7% and a lightness of 40%. #aa5522 color hex could be obtained by blending #ffaa44 with #550000. Closest websafe color is: #996633.
-
- R 67
- G 33
- B 13
-
- C 0
- M 50
- Y 80
- K 33
● #aa5522 color description : Dark orange [Brown tone].
#aa5522 Color Conversion
The hexadecimal color #aa5522 has RGB values of R:170, G:85, B:34 and CMYK values of C:0, M:0.5, Y:0.8, K:0.33. Its decimal value is 11162914.
Hex triplet | aa5522 | #aa5522 |
---|---|---|
RGB Decimal | 170, 85, 34 | rgb(170,85,34) |
RGB Percent | 66.7, 33.3, 13.3 | rgb(66.7%,33.3%,13.3%) |
CMYK | 0, 50, 80, 33 | |
HSL | 22.5°, 66.7, 40 | hsl(22.5,66.7%,40%) |
HSV (or HSB) | 22.5°, 80, 66.7 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 45.853, 31.358, 43.785 |
---|---|
XYZ | 20.116, 15.16, 3.38 |
xyY | 0.52, 0.392, 15.16 |
CIE-LCH | 45.853, 53.856, 54.39 |
CIE-LUV | 45.853, 68.215, 36.486 |
Hunter-Lab | 38.936, 24.079, 22.108 |
Binary | 10101010, 01010101, 00100010 |
Color Schemes with #aa5522
Alternatives to #aa5522
Below, you can see some colors close to #aa5522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aa5522 Preview
This text has a font color of #aa5522.
<span style="color:#aa5522;">Text here</span>
This paragraph has a background color of #aa5522.
<p style="background-color:#aa5522;">Content here</p>
This element has a border color of #aa5522.
<div style="border:1px solid #aa5522;">Content here</div>
.text {color:#aa5522;}
.background {background-color:#aa5522;}
.border {border:1px solid #aa5522;}
Shades and Tints of #aa5522
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, #070301 is the darkest color, while #fdf8f5 is the lightest one.
-
#070301
#070301
rgb(7,3,1)
-
#170b05
#170b05
rgb(23,11,5)
-
#271408
#271408
rgb(39,20,8)
-
#381c0b
#381c0b
rgb(56,28,11)
-
#48240e
#48240e
rgb(72,36,14)
-
#582c12
#582c12
rgb(88,44,18)
-
#693415
#693415
rgb(105,52,21)
-
#793c18
#793c18
rgb(121,60,24)
-
#89451b
#89451b
rgb(137,69,27)
-
#9a4d1f
#9a4d1f
rgb(154,77,31)
-
#aa5522
#aa5522
rgb(170,85,34)
-
#ba5d25
#ba5d25
rgb(186,93,37)
-
#cb6529
#cb6529
rgb(203,101,41)
-
#d66f31
#d66f31
rgb(214,111,49)
-
#d97a41
#d97a41
rgb(217,122,65)
-
#dc8652
#dc8652
rgb(220,134,82)
-
#e09162
#e09162
rgb(224,145,98)
-
#e39d72
#e39d72
rgb(227,157,114)
-
#e6a883
#e6a883
rgb(230,168,131)
-
#e9b393
#e9b393
rgb(233,179,147)
-
#edbfa3
#edbfa3
rgb(237,191,163)
-
#f0cab4
#f0cab4
rgb(240,202,180)
-
#f3d6c4
#f3d6c4
rgb(243,214,196)
-
#f7e1d5
#f7e1d5
rgb(247,225,213)
-
#faede5
#faede5
rgb(250,237,229)
-
#fdf8f5
#fdf8f5
rgb(253,248,245)
Tones of #aa5522
A tone is produced by adding gray to any pure hue. In this case, #6b6561 is the less saturated color, while #c94d03 is the most saturated one.
-
#6b6561
#6b6561
rgb(107,101,97)
-
#736359
#736359
rgb(115,99,89)
-
#7b6151
#7b6151
rgb(123,97,81)
-
#835f49
#835f49
rgb(131,95,73)
-
#8b5d41
#8b5d41
rgb(139,93,65)
-
#925b3a
#925b3a
rgb(146,91,58)
-
#9a5932
#9a5932
rgb(154,89,50)
-
#a2572a
#a2572a
rgb(162,87,42)
-
#aa5522
#aa5522
rgb(170,85,34)
-
#b2531a
#b2531a
rgb(178,83,26)
-
#ba5112
#ba5112
rgb(186,81,18)
-
#c24f0a
#c24f0a
rgb(194,79,10)
-
#c94d03
#c94d03
rgb(201,77,3)
Color Blindness Simulator
Below, you can see how #aa5522 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.