#F2F278 Hex Color

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

Hex color #f2f278 graphic
#f2f278 is a luminous, high-chroma yellow that demands immediate attention. This neon shade functions best as a high-visibility accent rather than a full background. Pair it with charcoal or deep navy to ground its intensity. Since black text maintains excellent readability against this hue, it works well for small, high-impact UI elements. The hex code for this yellow is #f2f278.

Questions about #f2f278

What is #f2f278 in RGB, HSL and CMYK?
In RGB, #f2f278 is rgb(242, 242, 120), in HSL hsl(60, 82%, 71%) and in CMYK 0%, 0%, 50%, 5%.
What is the best way to use #f2f278 in a design?
Use #f2f278 sparingly as a high-visibility accent rather than a full background to avoid visual fatigue. It creates excellent contrast when paired with charcoal or navy text, ensuring readability while maintaining a modern, energetic feel for UI elements.
Is #f2f278 readable on white or black?
#f2f278 has a 1.18:1 contrast ratio on white and 17.74: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.