#F0E442 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, highly saturated yellow leans toward a neon intensity that commands immediate attention. Because it is so punchy, #f0e442 functions best as a high-impact accent color rather than a primary background. It pairs exceptionally well with deep charcoal or navy text, offering enough contrast for accessible readability. Use this hex code to inject energy into call-to-action buttons or highlights where you need to signal urgency.
Questions about #f0e442
What is #f0e442 in RGB, HSL and CMYK?
In RGB, #f0e442 is rgb(240, 228, 66), in HSL hsl(56, 85%, 60%) and in CMYK 0%, 5%, 73%, 6%.
What colors pair best with #f0e442?
Is #f0e442 suitable for primary text?
#f0e442 is generally too bright and low-contrast for long-form body text, often causing eye strain against standard white backgrounds. Use it exclusively for UI elements like buttons, notification badges, or highlights where signaling urgency is the primary goal for the user.
Is #f0e442 readable on white or black?
#f0e442 has a 1.32:1 contrast ratio on white and 15.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.