#ffaa4d Color Information
In a RGB color space, hex #ffaa4d is composed of 100% red, 66.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 69.8% yellow and 0% black. It has a hue angle of 31.3 degrees, a saturation of 100% and a lightness of 65.1%. #ffaa4d color hex could be obtained by blending #ffff9a with #ff5500. Closest websafe color is: #ff9966.
-
- R 100
- G 67
- B 30
-
- C 0
- M 33
- Y 70
- K 0
● #ffaa4d color description : Light orange.
#ffaa4d Color Conversion
The hexadecimal color #ffaa4d has RGB values of R:255, G:170, B:77 and CMYK values of C:0, M:0.33, Y:0.7, K:0. Its decimal value is 16755277.
Hex triplet | ffaa4d | #ffaa4d |
---|---|---|
RGB Decimal | 255, 170, 77 | rgb(255,170,77) |
RGB Percent | 100, 66.7, 30.2 | rgb(100%,66.7%,30.2%) |
CMYK | 0, 33, 70, 0 | |
HSL | 31.3°, 100, 65.1 | hsl(31.3,100%,65.1%) |
HSV (or HSB) | 31.3°, 69.8, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.405, 23.24, 58.91 |
---|---|
XYZ | 56.956, 50.549, 13.778 |
xyY | 0.47, 0.417, 50.549 |
CIE-LCH | 76.405, 63.328, 68.471 |
CIE-LUV | 76.405, 67.685, 62.388 |
Hunter-Lab | 71.098, 18.573, 38.279 |
Binary | 11111111, 10101010, 01001101 |
Color Schemes with #ffaa4d
Alternatives to #ffaa4d
Below, you can see some colors close to #ffaa4d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa4d Preview
This text has a font color of #ffaa4d.
<span style="color:#ffaa4d;">Text here</span>
This paragraph has a background color of #ffaa4d.
<p style="background-color:#ffaa4d;">Content here</p>
This element has a border color of #ffaa4d.
<div style="border:1px solid #ffaa4d;">Content here</div>
.text {color:#ffaa4d;}
.background {background-color:#ffaa4d;}
.border {border:1px solid #ffaa4d;}
Shades and Tints of #ffaa4d
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, #120900 is the darkest color, while #fffefe is the lightest one.
-
#120900
#120900
rgb(18,9,0)
-
#261400
#261400
rgb(38,20,0)
-
#391e00
#391e00
rgb(57,30,0)
-
#4d2800
#4d2800
rgb(77,40,0)
-
#613200
#613200
rgb(97,50,0)
-
#743d00
#743d00
rgb(116,61,0)
-
#884700
#884700
rgb(136,71,0)
-
#9b5100
#9b5100
rgb(155,81,0)
-
#af5b00
#af5b00
rgb(175,91,0)
-
#c36600
#c36600
rgb(195,102,0)
-
#d67000
#d67000
rgb(214,112,0)
-
#ea7a00
#ea7a00
rgb(234,122,0)
-
#fe8400
#fe8400
rgb(254,132,0)
-
#ff8e12
#ff8e12
rgb(255,142,18)
-
#ff9726
#ff9726
rgb(255,151,38)
-
#ffa139
#ffa139
rgb(255,161,57)
-
#ffaa4d
#ffaa4d
rgb(255,170,77)
-
#ffb361
#ffb361
rgb(255,179,97)
-
#ffbd74
#ffbd74
rgb(255,189,116)
-
#ffc688
#ffc688
rgb(255,198,136)
-
#ffcf9b
#ffcf9b
rgb(255,207,155)
-
#ffd9af
#ffd9af
rgb(255,217,175)
-
#ffe2c3
#ffe2c3
rgb(255,226,195)
-
#ffecd6
#ffecd6
rgb(255,236,214)
-
#fff5ea
#fff5ea
rgb(255,245,234)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ffaa4d
A tone is produced by adding gray to any pure hue. In this case, #ada69f is the less saturated color, while #ffaa4d is the most saturated one.
-
#ada69f
#ada69f
rgb(173,166,159)
-
#b4a798
#b4a798
rgb(180,167,152)
-
#bba791
#bba791
rgb(187,167,145)
-
#c1a78b
#c1a78b
rgb(193,167,139)
-
#c8a884
#c8a884
rgb(200,168,132)
-
#cfa87d
#cfa87d
rgb(207,168,125)
-
#d6a876
#d6a876
rgb(214,168,118)
-
#dda86f
#dda86f
rgb(221,168,111)
-
#e4a968
#e4a968
rgb(228,169,104)
-
#eaa962
#eaa962
rgb(234,169,98)
-
#f1a95b
#f1a95b
rgb(241,169,91)
-
#f8aa54
#f8aa54
rgb(248,170,84)
-
#ffaa4d
#ffaa4d
rgb(255,170,77)
Color Blindness Simulator
Below, you can see how #ffaa4d 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.