#F3FA8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-luminance yellow commands attention without feeling aggressive. Because it offers excellent contrast against black text, it works well for UI buttons or sale highlights that need sharp readability. The hex code for this shade is #f3fa8e. Use it sparingly as a 10 percent accent, as this bright tone can easily overpower layouts when used as a full background. It pairs cleanly with deep charcoal greys.
Questions about #f3fa8e
What is #f3fa8e in RGB, HSL and CMYK?
In RGB, #f3fa8e is rgb(243, 250, 142), in HSL hsl(64, 92%, 77%) and in CMYK 3%, 0%, 43%, 2%.
Where should I use #f3fa8e in a design?
#f3fa8e works best as a small accent color for UI buttons, sale badges, or call-to-action highlights where you need immediate attention. Because of its intensity, using it as a primary background color often overwhelms the user experience.
What colors pair well with #f3fa8e?
This bright yellow pairs cleanly with charcoal or deep slate greys, which anchor its high luminance. Using these dark, neutral tones creates enough visual weight to ground the design and ensures your text remains perfectly legible.
Is #f3fa8e readable on white or black?
#f3fa8e has a 1.11:1 contrast ratio on white and 18.87: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.