Color Charts
RGB
CMYK
RYB
#f56a1a Hex Color CodeThe hexadecimal color code #f56a1a is a shade of orange. In the RGB color model #f56a1a is comprised of 96.08% red, 41.57% green and 10.2% blue. In the HSL color space #f56a1a has a hue of 21.92 degrees, 91.63% saturation and 53.14% lightness. This color has an approximate wavelength of 606 nm.
#f56a1a Color InformationInverted
#0a95e5 25% Saturated
#fe6710 Grayscale
#878787
25% Lighter
#f7945a Original
#f56a1a 25% Darker
#c24c08
orangered
#ff4500 25% Desaturated
#d97135 Web Safe: red
#ff0000
rgb(245, 106, 26)
rgba(245, 106, 26, 1.0)
red: 96.0784%, yellow: 59.6248%, blue: 10.1961%
#f56a1a
16083482
-693734 / 0xfff56a1a
hsl(22, 92%, 53%)
hsla(22, 92%, 53%, 1.0)
hue: 22 (21.9178), saturation: 89 (89.3878), value: 96 (96.0784)
X: 42.9967, Y: 29.7951, Z: 4.4621
x: 0.5566, y: 0.3857, Y: 29.7951
L: 61.477, a: 49.8742, b: 64.6274
L: 61.477, u: 114.9823, v: 51.5077
L: 61.477, C: 81.6341, H: 52.342
L: 54.5849, a: 45.0813, b: 33.3627
cyan: 0 (0), magenta: 57 (0.5673), yellow: 89 (0.8939), key: 4 (0.0392)
cyan: 4 (0.0392), magenta: 58 (0.5843), yellow: 90 (0.898)
Y: 138.441, I: 108.5056, Q: 4.5016
Y: 138.441, U: -55.33, V: 93.4858
Y: 138.441, Db: -169.19, Dr: -202.647
Y: 134.937, Cb: 72.308, Cr: 194.701
Y: 129.847, Pb: -55.985, Pr: 73.18
2.5YR 6/14 approximate; exact match: Munsell 2.5YR 6/14 / #ef6f14
#f56a1a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f56a1a to White#f56a1a to Black#f56a1a foreground
<p style="color: #f56a1a; background-color: #000">#f56a1a foreground</p>
#f56a1a background
<p style="background-color: #f56a1a">#f56a1a background</p>
#f56a1a border
<p style="border: #f56a1a 3px solid">#f56a1a border</p>
#f56a1a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f56a1a, #fff); background: -webkit-radial-gradient(50% 50%, #f56a1a, #fff); background: -o-radial-gradient(50% 50%, #f56a1a, #fff); background: -ms-radial-gradient(50% 50%, #f56a1a, #fff); background: radial-gradient(50% 50%, #f56a1a, #fff)">#f56a1a radial gradient</p>
#f56a1a linear gradient to complementary #19a4f5
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f56a1a, #19a4f5); background: -webkit-linear-gradient(top, #f56a1a, #19a4f5); background: -o-linear-gradient(top, #f56a1a, #19a4f5); background: -ms-linear-gradient(top, #f56a1a, #19a4f5); background: linear-gradient(top, #f56a1a, #19a4f5); color: #000">#f56a1a linear gradient to complementary #19a4f5</p>
#f56a1a text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f56a1a">#f56a1a text shadow</p>
The matching paint colors are listed in order of relevancy to the #f56a1a 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 #f56a1a.
Jump to paint brand: