#F57120 Hex Color
An intense and vibrant high-energy orange
This intense, high-energy orange demands attention. Because it is so saturated, #f57120 works best as a sharp accent rather than a full page background. Pair it with deep charcoals to make the color pop. With a 7.3:1 contrast ratio against black text, it remains perfectly readable for UI elements like buttons or notification badges. The hex code for this bold shade is #f57120.
Questions about #f57120
What is #f57120 in RGB, HSL and CMYK?
In RGB, #f57120 is rgb(245, 113, 32), in HSL hsl(23, 91%, 54%) and in CMYK 0%, 54%, 87%, 4%. Browse more shades of orange with names and hex codes.
What colors pair well with #f57120?
Because #f57120 is so saturated, it works best when grounded by neutral tones. Pair this orange with deep charcoal or dark gray backgrounds to make the color pop without overwhelming the layout or causing visual fatigue for the user.
Is #f57120 readable on white or black?
#f57120 has a 2.89:1 contrast ratio on white and 7.26:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.