#F1F788 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f1f788 is a high-key, luminous yellow with a distinct greenish undertone. It carries a strong, optimistic energy that functions best as a pop of color for call-to-action buttons or small UI accents rather than a primary background. Pair it with deep charcoal or black text, as the contrast ratio is excellent for legibility. This hex code cuts through cluttered layouts with ease.
Questions about #f1f788
What is #f1f788 in RGB, HSL and CMYK?
In RGB, #f1f788 is rgb(241, 247, 136), in HSL hsl(63, 87%, 75%) and in CMYK 2%, 0%, 45%, 3%.
What colors pair best with #f1f788?
Because #f1f788 is so high-key, it requires deep, grounding neutrals to maintain balance. Pair it with dark charcoal or matte black text to create a sharp contrast that keeps the design readable while letting the yellow provide an energetic pop.
Is #f1f788 suitable for large areas or backgrounds?
Avoid using #f1f788 as a primary background color, as its high luminosity and greenish tint can cause eye strain during extended viewing. Instead, reserve this shade for small UI accents, notification badges, or interactive elements where you need to draw immediate user attention.
Is #f1f788 readable on white or black?
#f1f788 has a 1.14:1 contrast ratio on white and 18.39: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.