#f43900
Hex Color CodeThe hexadecimal color code #f43900
is a shade of red-orange. In the RGB color model #f43900
is comprised of 95.69% red, 22.35% green and 0% blue. In the HSL color space #f43900
has a hue of 14.02 degrees, 100% saturation and 47.84% lightness. This color has an approximate wavelength of 611 nm.
#f43900
Color InformationInverted
#0bc6ff 25% Saturated
#f43900 Grayscale
#7a7a7a
rgb(244, 57, 0)
rgba(244, 57, 0, 1.0)
red: 95.6863%, yellow: 29.1664%, blue: 0%
#f43900
16005376
-771840 / 0xfff43900
hsl(14, 100%, 48%)
hsla(14, 100%, 48%, 1.0)
hue: 14 (14.0164), saturation: 100 (100), value: 96 (95.6863)
X: 38.7714, Y: 22.1594, Z: 2.2337
x: 0.6138, y: 0.3508, Y: 22.1594
L: 54.1957, a: 68.2505, b: 66.2769
L: 54.1957, u: 149.7776, v: 41.8914
L: 54.1957, C: 95.1355, H: 44.1595
L: 47.0737, a: 64.639, b: 30.1382
cyan: 0 (0), magenta: 77 (0.7664), yellow: 100 (1), key: 4 (0.0431)
cyan: 4 (0.0431), magenta: 78 (0.7765), yellow: 100 (1)
Y: 106.415, I: 129.7109, Q: 21.8076
Y: 106.415, U: -52.3647, V: 120.7056
Y: 106.415, Db: -160.131, Dr: -261.64
Y: 107.436, Cb: 75.301, Cr: 214.14
Y: 92.727, Pb: -50.005, Pr: 96.122
10R 5/16 (approximate)
#f43900
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f43900
to White#f43900
to Black#f43900
foreground
<p style="color: #f43900">#f43900 foreground</p>
#f43900
background
<p style="background-color: #f43900; color: #fff">#f43900 background</p>
#f43900
border
<p style="border: #f43900 3px solid">#f43900 border</p>
#f43900
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f43900, #fff); background: -webkit-radial-gradient(50% 50%, #f43900, #fff); background: -o-radial-gradient(50% 50%, #f43900, #fff); background: -ms-radial-gradient(50% 50%, #f43900, #fff); background: radial-gradient(50% 50%, #f43900, #fff); color: #fff">#f43900 radial gradient</p>
#f43900
linear gradient to complementary #00bbf4
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f43900, #00bbf4); background: -webkit-linear-gradient(top, #f43900, #00bbf4); background: -o-linear-gradient(top, #f43900, #00bbf4); background: -ms-linear-gradient(top, #f43900, #00bbf4); background: linear-gradient(top, #f43900, #00bbf4); color: #fff">
#f43900
linear gradient to complementary #00bbf4
</p>
#f43900
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #f43900">#f43900 text shadow</p>
The matching paint colors are listed in order of relevancy to the #f43900
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 #f43900
.
Jump to paint brand: