#aa5500 Color Information
In a RGB color space, hex #aa5500 is composed of 66.7% red, 33.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 100% yellow and 33.3% black. It has a hue angle of 30 degrees, a saturation of 100% and a lightness of 33.3%. #aa5500 color hex could be obtained by blending #ffaa00 with #550000. Closest websafe color is: #996600.
-
- R 67
- G 33
- B 0
-
- C 0
- M 50
- Y 100
- K 33
● #aa5500 color description : Dark orange [Brown tone].
#aa5500 Color Conversion
The hexadecimal color #aa5500 has RGB values of R:170, G:85, B:0 and CMYK values of C:0, M:0.5, Y:1, K:0.33. Its decimal value is 11162880.
Hex triplet | aa5500 | #aa5500 |
---|---|---|
RGB Decimal | 170, 85, 0 | rgb(170,85,0) |
RGB Percent | 66.7, 33.3, 0 | rgb(66.7%,33.3%,0%) |
CMYK | 0, 50, 100, 33 | |
HSL | 30°, 100, 33.3 | hsl(30,100%,33.3%) |
HSV (or HSB) | 30°, 100, 66.7 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 45.696, 30.605, 54.864 |
---|---|
XYZ | 19.827, 15.045, 1.86 |
xyY | 0.54, 0.41, 15.045 |
CIE-LCH | 45.696, 62.823, 60.846 |
CIE-LUV | 45.696, 70.112, 42.148 |
Hunter-Lab | 38.788, 23.364, 24.308 |
Binary | 10101010, 01010101, 00000000 |
Color Schemes with #aa5500
Alternatives to #aa5500
Below, you can see some colors close to #aa5500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aa5500 Preview
This text has a font color of #aa5500.
<span style="color:#aa5500;">Text here</span>
This paragraph has a background color of #aa5500.
<p style="background-color:#aa5500;">Content here</p>
This element has a border color of #aa5500.
<div style="border:1px solid #aa5500;">Content here</div>
.text {color:#aa5500;}
.background {background-color:#aa5500;}
.border {border:1px solid #aa5500;}
Shades and Tints of #aa5500
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, #0d0700 is the darkest color, while #fffcf8 is the lightest one.
-
#0d0700
#0d0700
rgb(13,7,0)
-
#211000
#211000
rgb(33,16,0)
-
#341a00
#341a00
rgb(52,26,0)
-
#482400
#482400
rgb(72,36,0)
-
#5c2e00
#5c2e00
rgb(92,46,0)
-
#6f3800
#6f3800
rgb(111,56,0)
-
#834100
#834100
rgb(131,65,0)
-
#964b00
#964b00
rgb(150,75,0)
-
#aa5500
#aa5500
rgb(170,85,0)
-
#be5f00
#be5f00
rgb(190,95,0)
-
#d16900
#d16900
rgb(209,105,0)
-
#e57200
#e57200
rgb(229,114,0)
-
#f87c00
#f87c00
rgb(248,124,0)
-
#ff860d
#ff860d
rgb(255,134,13)
-
#ff9021
#ff9021
rgb(255,144,33)
-
#ff9a34
#ff9a34
rgb(255,154,52)
-
#ffa348
#ffa348
rgb(255,163,72)
-
#ffad5c
#ffad5c
rgb(255,173,92)
-
#ffb76f
#ffb76f
rgb(255,183,111)
-
#ffc183
#ffc183
rgb(255,193,131)
-
#ffcb96
#ffcb96
rgb(255,203,150)
-
#ffd5aa
#ffd5aa
rgb(255,213,170)
-
#ffdebe
#ffdebe
rgb(255,222,190)
-
#ffe8d1
#ffe8d1
rgb(255,232,209)
-
#fff2e5
#fff2e5
rgb(255,242,229)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #aa5500
A tone is produced by adding gray to any pure hue. In this case, #5c554e is the less saturated color, while #aa5500 is the most saturated one.
-
#5c554e
#5c554e
rgb(92,85,78)
-
#625548
#625548
rgb(98,85,72)
-
#695541
#695541
rgb(105,85,65)
-
#6f553b
#6f553b
rgb(111,85,59)
-
#765534
#765534
rgb(118,85,52)
-
#7c552e
#7c552e
rgb(124,85,46)
-
#835527
#835527
rgb(131,85,39)
-
#895521
#895521
rgb(137,85,33)
-
#90551a
#90551a
rgb(144,85,26)
-
#965514
#965514
rgb(150,85,20)
-
#9d550d
#9d550d
rgb(157,85,13)
-
#a35507
#a35507
rgb(163,85,7)
-
#aa5500
#aa5500
rgb(170,85,0)
Color Blindness Simulator
Below, you can see how #aa5500 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.