#aa6600 Color Information
In a RGB color space, hex #aa6600 is composed of 66.7% red, 40% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 100% yellow and 33.3% black. It has a hue angle of 36 degrees, a saturation of 100% and a lightness of 33.3%. #aa6600 color hex could be obtained by blending #ffcc00 with #550000. Closest websafe color is: #996600.
-
- R 67
- G 40
- B 0
-
- C 0
- M 40
- Y 100
- K 33
● #aa6600 color description : Dark orange [Brown tone].
#aa6600 Color Conversion
The hexadecimal color #aa6600 has RGB values of R:170, G:102, B:0 and CMYK values of C:0, M:0.4, Y:1, K:0.33. Its decimal value is 11167232.
Hex triplet | aa6600 | #aa6600 |
---|---|---|
RGB Decimal | 170, 102, 0 | rgb(170,102,0) |
RGB Percent | 66.7, 40, 0 | rgb(66.7%,40%,0%) |
CMYK | 0, 40, 100, 33 | |
HSL | 36°, 100, 33.3 | hsl(36,100%,33.3%) |
HSV (or HSB) | 36°, 100, 66.7 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 49.557, 21.27, 57.26 |
---|---|
XYZ | 21.33, 18.05, 2.361 |
xyY | 0.511, 0.432, 18.05 |
CIE-LCH | 49.557, 61.083, 69.622 |
CIE-LUV | 49.557, 56.271, 48.113 |
Hunter-Lab | 42.486, 15.264, 26.446 |
Binary | 10101010, 01100110, 00000000 |
Color Schemes with #aa6600
Alternatives to #aa6600
Below, you can see some colors close to #aa6600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aa6600 Preview
This text has a font color of #aa6600.
<span style="color:#aa6600;">Text here</span>
This paragraph has a background color of #aa6600.
<p style="background-color:#aa6600;">Content here</p>
This element has a border color of #aa6600.
<div style="border:1px solid #aa6600;">Content here</div>
.text {color:#aa6600;}
.background {background-color:#aa6600;}
.border {border:1px solid #aa6600;}
Shades and Tints of #aa6600
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, #0d0800 is the darkest color, while #fffcf8 is the lightest one.
-
#0d0800
#0d0800
rgb(13,8,0)
-
#211400
#211400
rgb(33,20,0)
-
#341f00
#341f00
rgb(52,31,0)
-
#482b00
#482b00
rgb(72,43,0)
-
#5c3700
#5c3700
rgb(92,55,0)
-
#6f4300
#6f4300
rgb(111,67,0)
-
#834e00
#834e00
rgb(131,78,0)
-
#965a00
#965a00
rgb(150,90,0)
-
#aa6600
#aa6600
rgb(170,102,0)
-
#be7200
#be7200
rgb(190,114,0)
-
#d17e00
#d17e00
rgb(209,126,0)
-
#e58900
#e58900
rgb(229,137,0)
-
#f89500
#f89500
rgb(248,149,0)
-
#ff9e0d
#ff9e0d
rgb(255,158,13)
-
#ffa621
#ffa621
rgb(255,166,33)
-
#ffae34
#ffae34
rgb(255,174,52)
-
#ffb648
#ffb648
rgb(255,182,72)
-
#ffbe5c
#ffbe5c
rgb(255,190,92)
-
#ffc56f
#ffc56f
rgb(255,197,111)
-
#ffcd83
#ffcd83
rgb(255,205,131)
-
#ffd596
#ffd596
rgb(255,213,150)
-
#ffddaa
#ffddaa
rgb(255,221,170)
-
#ffe5be
#ffe5be
rgb(255,229,190)
-
#ffedd1
#ffedd1
rgb(255,237,209)
-
#fff5e5
#fff5e5
rgb(255,245,229)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #aa6600
A tone is produced by adding gray to any pure hue. In this case, #5c564e is the less saturated color, while #aa6600 is the most saturated one.
-
#5c564e
#5c564e
rgb(92,86,78)
-
#625848
#625848
rgb(98,88,72)
-
#695941
#695941
rgb(105,89,65)
-
#6f5a3b
#6f5a3b
rgb(111,90,59)
-
#765c34
#765c34
rgb(118,92,52)
-
#7c5d2e
#7c5d2e
rgb(124,93,46)
-
#835e27
#835e27
rgb(131,94,39)
-
#895f21
#895f21
rgb(137,95,33)
-
#90611a
#90611a
rgb(144,97,26)
-
#966214
#966214
rgb(150,98,20)
-
#9d630d
#9d630d
rgb(157,99,13)
-
#a36507
#a36507
rgb(163,101,7)
-
#aa6600
#aa6600
rgb(170,102,0)
Color Blindness Simulator
Below, you can see how #aa6600 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.