#F3A424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f3a424 is a punchy, golden orange that demands attention. Because it is highly saturated, use it as an accent color for buttons or call-to-action elements rather than a full background. Pair it with dark slate or charcoal to ground its intensity. This color maintains excellent readability with black text, making it a practical choice for UI components. The hex code for this shade is #f3a424.
Questions about #f3a424
What is #f3a424 in RGB, HSL and CMYK?
In RGB, #f3a424 is rgb(243, 164, 36), in HSL hsl(37, 90%, 55%) and in CMYK 0%, 33%, 85%, 5%.
What colors pair well with #f3a424 for UI design?
Use a deep charcoal or dark slate text against #f3a424 to ensure the highest readability and accessibility. This high-contrast pairing prevents eye strain and maintains the vibrant, energetic quality of the orange while keeping the layout professional.
How should I use #f3a424 without overwhelming the user?
Limit the use of #f3a424 to small, interactive elements like buttons, badges, or notification icons because its high saturation can quickly dominate a layout. A little goes a long way to guide the eye toward your most important actions.
Is #f3a424 readable on white or black?
#f3a424 has a 2.06:1 contrast ratio on white and 10.14: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.