#F9E8A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, unsaturated yellow reads as a warm, mellow tone that brings softness to any interface. Because it is light and cheerful, #f9e8a7 works best as a supporting background color rather than a main focus. Pair it with dark charcoal text for high readability. The hex code #f9e8a7 maintains excellent contrast for body text, making it a reliable choice for friendly, accessible UI designs.
Questions about #f9e8a7
What is #f9e8a7 in RGB, HSL and CMYK?
In RGB, #f9e8a7 is rgb(249, 232, 167), in HSL hsl(48, 87%, 82%) and in CMYK 0%, 7%, 33%, 2%.
What colors pair well with #f9e8a7 in a design?
#f9e8a7 works best when anchored by high-contrast neutrals. Pairing it with charcoal or deep slate text ensures excellent readability while maintaining the friendly, lighthearted character of the yellow base without overwhelming the viewer's eyes.
Is #f9e8a7 suitable for primary text on websites?
Using #f9e8a7 for primary text is discouraged because its high lightness values typically fail standard accessibility contrast ratios against white or light backgrounds. It functions much more effectively as a soft background or a subtle accent color.
Is #f9e8a7 readable on white or black?
#f9e8a7 has a 1.22:1 contrast ratio on white and 17.12: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.