#F9DE7C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f9de7c graphic
This light, pastel yellow glows with high luminosity and minimal saturation, making it a friendly choice for backgrounds or UI highlights. Because #f9de7c offers significant contrast against black text, it maintains excellent readability for body copy. Try pairing this shade with deep charcoal or slate gray to ground its airy, warm character without letting it appear washed out.

Questions about #f9de7c

What is #f9de7c in RGB, HSL and CMYK?
In RGB, #f9de7c is rgb(249, 222, 124), in HSL hsl(47, 91%, 73%) and in CMYK 0%, 11%, 50%, 2%.
What colors pair best with #f9de7c for UI design?
#f9de7c works best when anchored by deep, neutral tones to create visual balance. Pair this soft yellow with charcoal for high-contrast text or slate gray for a sophisticated, modern layout that feels grounded rather than washed out.
Is #f9de7c readable on white or black?
#f9de7c has a 1.33:1 contrast ratio on white and 15.76: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.