#F45615 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f45615 is a saturated, aggressive orange-red that demands attention. Because it commands focus, this color works best as a high-impact accent rather than a background. Use it sparingly in UI design for critical alerts or active buttons to maintain legibility. Black text sits comfortably on top with a 6.2:1 contrast ratio. The hex code for this intense, warm shade is #f45615.
Questions about #f45615
What is #f45615 in RGB, HSL and CMYK?
In RGB, #f45615 is rgb(244, 86, 21), in HSL hsl(17, 91%, 52%) and in CMYK 0%, 65%, 91%, 4%.
How can I use #f45615 in UI design without overwhelming the user?
This shade is extremely high-impact, so reserve it strictly for critical UI elements like error messages, dangerous actions, or call-to-action buttons. Because it demands immediate attention, using it for backgrounds or text will cause visual fatigue and lower accessibility.
What colors balance the intensity of #f45615?
To tone down this aggressive orange-red, pair it with neutral backgrounds like charcoal or soft off-whites to maintain contrast without visual chaos. Darker, desaturated blues also provide a sophisticated counterbalance, anchoring the energy of the primary color effectively.
Is #f45615 readable on white or black?
#f45615 has a 3.39:1 contrast ratio on white and 6.18: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.