Color Charts
RGB
CMYK
RYB
#f25d23 Hex Color CodeThe hexadecimal color code #f25d23 is a shade of red-orange. In the RGB color model #f25d23 is comprised of 94.9% red, 36.47% green and 13.73% blue. In the HSL color space #f25d23 has a hue of 16.81 degrees, 88.84% saturation and 54.31% lightness. This color has an approximate wavelength of 609 nm. Ford Orange is a matching paint color.
#f25d23 Color InformationInverted
#0da2dc 25% Saturated
#fe5716 Grayscale
#8a8a8a
25% Lighter
#f58d64 Original
#f25d23 25% Darker
#c43f0b
orangered
#ff4500 25% Desaturated
#d8683c Web Safe: red
#ff0000
rgb(242, 93, 35)
rgba(242, 93, 35, 1.0)
red: 94.902%, yellow: 45.3244%, blue: 13.7255%
#f25d23
15883555
-893661 / 0xfff25d23
hsl(17, 89%, 54%)
hsla(17, 89%, 54%, 1.0)
hue: 17 (16.8116), saturation: 86 (85.5372), value: 95 (94.902)
X: 40.8357, Y: 26.8273, Z: 4.616
x: 0.565, y: 0.3712, Y: 26.8273
L: 58.8141, a: 54.8111, b: 59.2525
L: 58.8141, u: 121.9596, v: 45.786
L: 58.8141, C: 80.7162, H: 47.2298
L: 51.7951, a: 50.0895, b: 30.9726
cyan: 0 (0), magenta: 62 (0.6157), yellow: 86 (0.8554), key: 5 (0.051)
cyan: 5 (0.051), magenta: 64 (0.6353), yellow: 86 (0.8627)
Y: 130.939, I: 107.3949, Q: 13.4611
Y: 130.939, U: -47.2094, V: 97.4356
Y: 130.939, Db: -144.364, Dr: -211.203
Y: 128.496, Cb: 80.486, Cr: 197.529
Y: 120.561, Pb: -46.135, Pr: 77.168
10R 6/14 approximate; exact match: Munsell 10R 6/14 / #f86734
#f25d23 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f25d23 to White#f25d23 to Black#f25d23 foreground
<p style="color: #f25d23; background-color: #000">#f25d23 foreground</p>
#f25d23 background
<p style="background-color: #f25d23">#f25d23 background</p>
#f25d23 border
<p style="border: #f25d23 3px solid">#f25d23 border</p>
#f25d23 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f25d23, #fff); background: -webkit-radial-gradient(50% 50%, #f25d23, #fff); background: -o-radial-gradient(50% 50%, #f25d23, #fff); background: -ms-radial-gradient(50% 50%, #f25d23, #fff); background: radial-gradient(50% 50%, #f25d23, #fff)">#f25d23 radial gradient</p>
#f25d23 linear gradient to complementary #23b7f1
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f25d23, #23b7f1); background: -webkit-linear-gradient(top, #f25d23, #23b7f1); background: -o-linear-gradient(top, #f25d23, #23b7f1); background: -ms-linear-gradient(top, #f25d23, #23b7f1); background: linear-gradient(top, #f25d23, #23b7f1); color: #000">#f25d23 linear gradient to complementary #23b7f1</p>
#f25d23 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f25d23">#f25d23 text shadow</p>
The matching paint colors are listed in order of relevancy to the #f25d23 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 #f25d23.
Jump to paint brand: