#fa9500
Hex Color CodeThe hexadecimal color code #fa9500
is a shade of brown. In the RGB color model #fa9500
is comprised of 98.04% red, 58.43% green and 0% blue. In the HSL color space #fa9500
has a hue of 35.76 degrees, 100% saturation and 49.02% lightness. This color has an approximate wavelength of 597 nm.
#fa9500
Color InformationInverted
#056aff 25% Saturated
#fa9500 Grayscale
#7d7d7d
25% Lighter
#ffaf39 Original
#fa9500 25% Darker
#bb6f00
darkorange
#ff8c00 25% Desaturated
#da8f1f Web Safe: red
#ff0000
rgb(250, 149, 0)
rgba(250, 149, 0, 1.0)
red: 66.4561%, yellow: 98.0392%, blue: 0%
#fa9500
16422144
-355072 / 0xfffa9500
hsl(36, 100%, 49%)
hsla(36, 100%, 49%, 1.0)
hue: 36 (35.76), saturation: 100 (100), value: 98 (98.0392)
X: 50.1718, Y: 41.8189, Z: 5.4275
x: 0.515, y: 0.4293, Y: 41.8189
L: 70.7459, a: 30.1844, b: 75.9564
L: 70.7459, u: 84.1008, v: 68.231
L: 70.7459, C: 81.7341, H: 68.3275
L: 64.6675, a: 25.3196, b: 40.2911
cyan: 0 (0), magenta: 40 (0.404), yellow: 100 (1), key: 2 (0.0196)
cyan: 2 (0.0196), magenta: 42 (0.4157), yellow: 100 (1)
Y: 162.213, I: 108.0355, Q: -25.0021
Y: 162.213, U: -79.8226, V: 77.0165
Y: 162.213, Db: -244.067, Dr: -166.966
Y: 155.346, Cb: 47.641, Cr: 182.918
Y: 159.785, Pb: -86.115, Pr: 57.354
7.5YR 7/14 (approximate)
#fa9500
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#fa9500
to White#fa9500
to Black#fa9500
foreground
<p style="color: #fa9500; background-color: #000">#fa9500 foreground</p>
#fa9500
background
<p style="background-color: #fa9500">#fa9500 background</p>
#fa9500
border
<p style="border: #fa9500 3px solid">#fa9500 border</p>
#fa9500
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fa9500, #fff); background: -webkit-radial-gradient(50% 50%, #fa9500, #fff); background: -o-radial-gradient(50% 50%, #fa9500, #fff); background: -ms-radial-gradient(50% 50%, #fa9500, #fff); background: radial-gradient(50% 50%, #fa9500, #fff)">#fa9500 radial gradient</p>
#fa9500
linear gradient to complementary #0065fa
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fa9500, #0065fa); background: -webkit-linear-gradient(top, #fa9500, #0065fa); background: -o-linear-gradient(top, #fa9500, #0065fa); background: -ms-linear-gradient(top, #fa9500, #0065fa); background: linear-gradient(top, #fa9500, #0065fa); color: #000">
#fa9500
linear gradient to complementary #0065fa
</p>
#fa9500
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #fa9500">#fa9500 text shadow</p>
The matching paint colors are listed in order of relevancy to the #fa9500
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #fa9500
.
Jump to paint brand: