#F2C53E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy yellow demands attention without becoming overwhelming. The hex code #f2c53e works best as a 10 percent accent color, perfect for driving engagement on sale buttons or high-contrast iconography. It pairs surprisingly well with deep charcoal or navy blues, providing enough readability for small text due to its strong contrast. Use it sparingly, as this intense tone can easily dominate a design layout.
Questions about #f2c53e
What is #f2c53e in RGB, HSL and CMYK?
In RGB, #f2c53e is rgb(242, 197, 62), in HSL hsl(45, 87%, 60%) and in CMYK 0%, 19%, 74%, 5%.
How should #f2c53e be used in a professional UI design?
Apply #f2c53e as a targeted accent color rather than a primary background to maintain visual hierarchy. Because of its high saturation, it works best for drawing the eye to call-to-action buttons or specific interface elements that require immediate user engagement.
Which color combinations work best with #f2c53e?
Pair #f2c53e with deep navy or charcoal tones to create a balanced, high-contrast palette that improves text readability. These dark neutrals prevent the intense yellow from overpowering the design while keeping the overall aesthetic grounded and modern.
Is #f2c53e readable on white or black?
#f2c53e has a 1.63:1 contrast ratio on white and 12.83: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.