#F07C34 Hex Color
High-energy orange with intense saturation
This saturated orange is unapologetically intense and demands attention. Because of its high energy, it works best as a 10% accent color for calls to action or UI highlights rather than a background. Use it sparingly to avoid overwhelming the user. The hex code for this vivid shade is #f07c34, which maintains strong contrast with black text.
Questions about #f07c34
What is #f07c34 in RGB, HSL and CMYK?
In RGB, #f07c34 is rgb(240, 124, 52), in HSL hsl(23, 86%, 57%) and in CMYK 0%, 48%, 78%, 6%.
How can I effectively incorporate #f07c34 into a user interface?
Use #f07c34 as a high-impact accent color for call-to-action buttons, notification badges, or icon highlights. Because of its extreme saturation and energy, limit its usage to less than 10 percent of your overall page design to prevent visual clutter.
Is #f07c34 readable on white or black?
#f07c34 has a 2.74:1 contrast ratio on white and 7.63: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.