#F2FBAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous yellow sits on the lighter end of the spectrum and feels spontaneous. Use it sparingly as an accent to grab attention, as it can be overwhelming as a full background. Pair this shade with deep charcoal text to benefit from its high readability, as black text provides a strong 19.2:1 contrast. The hex code for this yellow is #f2fbaf.
Questions about #f2fbaf
What is #f2fbaf in RGB, HSL and CMYK?
In RGB, #f2fbaf is rgb(242, 251, 175), in HSL hsl(67, 90%, 84%) and in CMYK 4%, 0%, 30%, 2%.
Where should I use #f2fbaf in a design?
This shade is most effective as a functional accent color rather than a primary background, where its brightness might overwhelm the viewer. Use it to highlight call-to-action buttons, notification badges, or small UI elements that need immediate attention.
Is #f2fbaf readable on white or black?
#f2fbaf has a 1.09:1 contrast ratio on white and 19.19: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.