#F8F99A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-key and luminous, #f8f99a functions best as an accent color to bring energy to a layout. Because of its light saturation, it pairs well with deep charcoals or navy for high-contrast, readable text. Use this yellow sparingly as a call-to-action button or highlight, as using it as a large background can easily wash out other design elements. The hex code for this shade is #f8f99a.
Questions about #f8f99a
What is #f8f99a in RGB, HSL and CMYK?
In RGB, #f8f99a is rgb(248, 249, 154), in HSL hsl(61, 89%, 79%) and in CMYK 0%, 0%, 38%, 2%.
How do I best use #f8f99a in a UI design?
Use #f8f99a sparingly as a high-visibility accent color for buttons or active states rather than a large background. Because of its intense brightness, it pairs beautifully with deep charcoal or dark navy to ensure text remains readable and professional.
Is #f8f99a suitable for large blocks of text?
No, #f8f99a is far too light and high-key to function as a readable background for large amounts of body text. Rely on it for small, energetic details or highlights to avoid eye strain while maintaining visual excitement in your project layout.
Is #f8f99a readable on white or black?
#f8f99a has a 1.10:1 contrast ratio on white and 19.00: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.