#F04700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #f04700 when a design needs a call to action that refuses to be ignored. This saturated red-orange reads warm, loud, and full of energy, which makes it a natural fit for sale banners, sports branding, and emergency signage. Its intensity limits it to accents and highlights rather than full backgrounds. Black text holds up well on it, clearing WCAG AA for body copy at about 5.6:1 contrast.
Questions about #f04700
What is #f04700 in RGB, HSL and CMYK?
In RGB, #f04700 is rgb(240, 71, 0), in HSL hsl(18, 100%, 47%) and in CMYK 0%, 70%, 100%, 6%.
What colors pair well with #f04700?
Deep navy and charcoal tone down its heat, while warm cream softens it. For a split-complementary scheme, pair it with teal and let the red-orange lead.
Is #f04700 readable on white or black?
#f04700 has a 3.74:1 contrast ratio on white and 5.60:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.