#f48643
Hex Color CodeThe hexadecimal color code #f48643
is a medium light shade of orange. In the RGB color model #f48643
is comprised of 95.69% red, 52.55% green and 26.27% blue. In the HSL color space #f48643
has a hue of 22.71 degrees, 88.94% saturation and 60.98% lightness. This color has an approximate wavelength of 606 nm. Model Master 28107 is a matching paint color.
#f48643
Color InformationInverted
#0b79bc 25% Saturated
#ff8338 Grayscale
#9b9b9b
rgb(244, 134, 67)
rgba(244, 134, 67, 1.0)
red: 95.6863%, yellow: 68.5526%, blue: 26.2745%
#f48643
16025155
-752061 / 0xfff48643
hsl(23, 89%, 61%)
hsla(23, 89%, 61%, 1.0)
hue: 23 (22.7119), saturation: 73 (72.541), value: 96 (95.6863)
X: 46.8464, Y: 36.6885, Z: 9.9227
x: 0.5013, y: 0.3926, Y: 36.6885
L: 67.0427, a: 37.014, b: 53.1748
L: 67.0427, u: 88.0692, v: 50.8479
L: 67.0427, C: 64.7888, H: 55.159
L: 60.5711, a: 32.0548, b: 32.6869
cyan: 0 (0), magenta: 45 (0.4508), yellow: 73 (0.7254), key: 4 (0.0431)
cyan: 4 (0.0431), magenta: 47 (0.4745), yellow: 74 (0.7373)
Y: 159.252, I: 87.0534, Q: 2.4141
Y: 159.252, U: -45.395, V: 74.3507
Y: 159.252, Db: -138.811, Dr: -161.169
Y: 152.81, Cb: 82.307, Cr: 181.047
Y: 152.606, Pb: -46.15, Pr: 58.082
2.5YR 7/12 (approximate)
#f48643
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f48643
to White#f48643
to Black#f48643
foreground
<p style="color: #f48643; background-color: #000">#f48643 foreground</p>
#f48643
background
<p style="background-color: #f48643">#f48643 background</p>
#f48643
border
<p style="border: #f48643 3px solid">#f48643 border</p>
#f48643
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f48643, #fff); background: -webkit-radial-gradient(50% 50%, #f48643, #fff); background: -o-radial-gradient(50% 50%, #f48643, #fff); background: -ms-radial-gradient(50% 50%, #f48643, #fff); background: radial-gradient(50% 50%, #f48643, #fff)">#f48643 radial gradient</p>
#f48643
linear gradient to complementary #42b1f4
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f48643, #42b1f4); background: -webkit-linear-gradient(top, #f48643, #42b1f4); background: -o-linear-gradient(top, #f48643, #42b1f4); background: -ms-linear-gradient(top, #f48643, #42b1f4); background: linear-gradient(top, #f48643, #42b1f4); color: #000">
#f48643
linear gradient to complementary #42b1f4
</p>
#f48643
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f48643">#f48643 text shadow</p>
The matching paint colors are listed in order of relevancy to the #f48643
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 #f48643
.
Jump to paint brand: