#F25C05 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f25c05 is a high-octane orange that demands attention with its sheer intensity. Because it is so saturated, this shade functions best as an accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep charcoal grays to ground the brightness. With a contrast ratio of 6.3:1 against black text, the hex code #f25c05 remains legible for critical interface elements.
Questions about #f25c05
What is #f25c05 in RGB, HSL and CMYK?
In RGB, #f25c05 is rgb(242, 92, 5), in HSL hsl(22, 96%, 48%) and in CMYK 0%, 62%, 98%, 5%.
How do you use #f25c05 effectively in UI design?
#f25c05 works best as a punchy accent rather than a primary background because of its high saturation. Use this shade sparingly for call-to-action buttons or critical alerts to ensure it maintains visual hierarchy without overwhelming users.
What colors pair well with #f25c05?
Ground #f25c05 by pairing it with charcoal or deep, dark neutrals to balance its inherent intensity. For a more adventurous scheme, contrast this orange against complementary teals or blues to make the color pop while maintaining readability.
Is #f25c05 readable on white or black?
#f25c05 has a 3.32:1 contrast ratio on white and 6.30: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.