#F9F25C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f9f25c graphic
A luminous, high-saturation yellow, #f9f25c commands attention immediately. This neon-adjacent shade works best as a punchy accent color rather than a primary background, as it can easily overwhelm the eye. Pair it with deep charcoal or navy text to ensure readability, as black text offers excellent contrast. Designers often use this shade for call-to-action buttons or cautionary signage where high visibility is the primary goal.

Questions about #f9f25c

What is #f9f25c in RGB, HSL and CMYK?
In RGB, #f9f25c is rgb(249, 242, 92), in HSL hsl(57, 93%, 67%) and in CMYK 0%, 3%, 63%, 2%.
What colors pair best with #f9f25c for UI design?
Use #f9f25c sparingly against dark neutrals like charcoal or navy to maintain strong readability for text and buttons. Because it is highly saturated, it works best as an accent color to draw the user eye immediately.
Is #f9f25c suitable for large blocks of text?
Avoid using #f9f25c for large blocks of text or background panels, as its high luminosity causes eye fatigue and poor contrast ratios. Reserve this shade for small, critical components like call-to-action buttons, notifications, or important error warnings.
Is #f9f25c readable on white or black?
#f9f25c has a 1.17:1 contrast ratio on white and 17.88: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.