#F9E296 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, creamy yellow offers a gentle glow without overwhelming a layout. Because of its high lightness, #f9e296 functions best as a cheerful background or a soft highlight rather than primary text. Pair this hex code with deep charcoal or slate gray to ensure readability, as it can easily wash out against pure white or overly bright tones.
Questions about #f9e296
What is #f9e296 in RGB, HSL and CMYK?
In RGB, #f9e296 is rgb(249, 226, 150), in HSL hsl(46, 89%, 78%) and in CMYK 0%, 9%, 40%, 2%.
Is #f9e296 a good choice for primary branding?
Because of its airy, pale quality, #f9e296 functions best as a secondary or accent color rather than a primary brand anchor. It adds a cheerful, soft glow to UI components or backgrounds, but it typically lacks the visual weight required to carry a brand identity effectively on its own.
Is #f9e296 readable on white or black?
#f9e296 has a 1.28:1 contrast ratio on white and 16.34: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.