#ffaa2d Color Information
In a RGB color space, hex #ffaa2d is composed of 100% red, 66.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 82.4% yellow and 0% black. It has a hue angle of 35.7 degrees, a saturation of 100% and a lightness of 58.8%. #ffaa2d color hex could be obtained by blending #ffff5a with #ff5500. Closest websafe color is: #ff9933.
-
- R 100
- G 67
- B 18
-
- C 0
- M 33
- Y 82
- K 0
● #ffaa2d color description : Vivid orange.
#ffaa2d Color Conversion
The hexadecimal color #ffaa2d has RGB values of R:255, G:170, B:45 and CMYK values of C:0, M:0.33, Y:0.82, K:0. Its decimal value is 16755245.
Hex triplet | ffaa2d | #ffaa2d |
---|---|---|
RGB Decimal | 255, 170, 45 | rgb(255,170,45) |
RGB Percent | 100, 66.7, 17.6 | rgb(100%,66.7%,17.6%) |
CMYK | 0, 33, 82, 0 | |
HSL | 35.7°, 100, 58.8 | hsl(35.7,100%,58.8%) |
HSV (or HSB) | 35.7°, 82.4, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.194, 22.004, 71.133 |
---|---|
XYZ | 56.09, 50.203, 9.219 |
xyY | 0.486, 0.435, 50.203 |
CIE-LCH | 76.194, 74.459, 72.811 |
CIE-LUV | 76.194, 69.614, 70.937 |
Hunter-Lab | 70.854, 17.311, 41.884 |
Binary | 11111111, 10101010, 00101101 |
Color Schemes with #ffaa2d
Alternatives to #ffaa2d
Below, you can see some colors close to #ffaa2d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa2d Preview
This text has a font color of #ffaa2d.
<span style="color:#ffaa2d;">Text here</span>
This paragraph has a background color of #ffaa2d.
<p style="background-color:#ffaa2d;">Content here</p>
This element has a border color of #ffaa2d.
<div style="border:1px solid #ffaa2d;">Content here</div>
.text {color:#ffaa2d;}
.background {background-color:#ffaa2d;}
.border {border:1px solid #ffaa2d;}
Shades and Tints of #ffaa2d
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, #060300 is the darkest color, while #fff9f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190f00
#190f00
rgb(25,15,0)
-
#2d1b00
#2d1b00
rgb(45,27,0)
-
#412600
#412600
rgb(65,38,0)
-
#543200
#543200
rgb(84,50,0)
-
#683e00
#683e00
rgb(104,62,0)
-
#7b4900
#7b4900
rgb(123,73,0)
-
#8f5500
#8f5500
rgb(143,85,0)
-
#a36100
#a36100
rgb(163,97,0)
-
#b66d00
#b66d00
rgb(182,109,0)
-
#ca7800
#ca7800
rgb(202,120,0)
-
#de8400
#de8400
rgb(222,132,0)
-
#f19000
#f19000
rgb(241,144,0)
-
#ff9a06
#ff9a06
rgb(255,154,6)
-
#ffa219
#ffa219
rgb(255,162,25)
-
#ffaa2d
#ffaa2d
rgb(255,170,45)
-
#ffb241
#ffb241
rgb(255,178,65)
-
#ffba54
#ffba54
rgb(255,186,84)
-
#ffc268
#ffc268
rgb(255,194,104)
-
#ffca7b
#ffca7b
rgb(255,202,123)
-
#ffd28f
#ffd28f
rgb(255,210,143)
-
#ffdaa3
#ffdaa3
rgb(255,218,163)
-
#ffe2b6
#ffe2b6
rgb(255,226,182)
-
#ffeaca
#ffeaca
rgb(255,234,202)
-
#fff1de
#fff1de
rgb(255,241,222)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #ffaa2d
A tone is produced by adding gray to any pure hue. In this case, #9e988e is the less saturated color, while #ffaa2d is the most saturated one.
-
#9e988e
#9e988e
rgb(158,152,142)
-
#a69986
#a69986
rgb(166,153,134)
-
#ae9b7e
#ae9b7e
rgb(174,155,126)
-
#b69c76
#b69c76
rgb(182,156,118)
-
#be9e6e
#be9e6e
rgb(190,158,110)
-
#c69f66
#c69f66
rgb(198,159,102)
-
#cfa15d
#cfa15d
rgb(207,161,93)
-
#d7a255
#d7a255
rgb(215,162,85)
-
#dfa44d
#dfa44d
rgb(223,164,77)
-
#e7a545
#e7a545
rgb(231,165,69)
-
#efa73d
#efa73d
rgb(239,167,61)
-
#f7a835
#f7a835
rgb(247,168,53)
-
#ffaa2d
#ffaa2d
rgb(255,170,45)
Color Blindness Simulator
Below, you can see how #ffaa2d 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.