#F79442 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation orange feels energetic and warm without appearing neon or artificial. Because it maintains strong legibility against black text, #f79442 works effectively for functional UI elements or bold call-to-action buttons. It acts best as an accent color rather than a large background, which can overwhelm the eye. Pair it with deep charcoal or slate greys to anchor its brightness in modern design layouts.
Questions about #f79442
What is #f79442 in RGB, HSL and CMYK?
In RGB, #f79442 is rgb(247, 148, 66), in HSL hsl(27, 92%, 61%) and in CMYK 0%, 40%, 73%, 3%.
Why does #f79442 stand out in UI design?
The high saturation of #f79442 makes it naturally attention-grabbing, ensuring strong legibility against standard black or dark-themed text. It functions as an ideal accent for interface elements that require a user to stop and take action.
How should I balance #f79442 in a color palette?
Anchoring #f79442 with deep charcoal or slate tones helps ground its intensity, preventing it from overwhelming your design. For a more sophisticated contrast, try pairing it with deep navy or cool grey neutrals to maintain a professional look.
Is #f79442 readable on white or black?
#f79442 has a 2.26:1 contrast ratio on white and 9.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.