#F1FF70 Hex Color

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

Hex color #f1ff70 graphic
This high-energy, luminous yellow carries a strong green undertone that makes it punchy and sharp. Because of its intense brightness, #f1ff70 works best as a 10% accent color for buttons or call-to-action banners rather than a full background. It pairs exceptionally well with deep charcoal text to maximize legibility and readability. The hex code for this aggressive shade is #f1ff70.

Questions about #f1ff70

What is #f1ff70 in RGB, HSL and CMYK?
In RGB, #f1ff70 is rgb(241, 255, 112), in HSL hsl(66, 100%, 72%) and in CMYK 5%, 0%, 56%, 0%.
Why does #f1ff70 look so vibrant against certain backgrounds?
#f1ff70 carries a strong green undertone that pushes its intensity higher than a standard warm yellow. This makes it an ideal accent color when placed against deep charcoal or very dark neutrals because the contrast significantly improves legibility.
Can #f1ff70 be used as a primary background color?
Avoid using #f1ff70 for full backgrounds because its aggressive brightness can cause eye fatigue quickly. Instead, reserve this punchy shade for small UI elements like buttons, badges, or notifications where you need to draw the eye immediately.
Is #f1ff70 readable on white or black?
#f1ff70 has a 1.08:1 contrast ratio on white and 19.27: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.