#F4DFA4 Hex Color

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

Hex color #f4dfa4 graphic
This unsaturated yellow acts as a mellow neutral for modern interiors and branding. Because it is light and desaturated, the hex code #f4dfa4 works best as a soft background rather than a punchy accent. Pair it with deep navy or charcoal text to maintain readability. It creates a gentle, airy feel that prevents digital interfaces from looking too sterile or clinical.

Questions about #f4dfa4

What is #f4dfa4 in RGB, HSL and CMYK?
In RGB, #f4dfa4 is rgb(244, 223, 164), in HSL hsl(44, 78%, 80%) and in CMYK 0%, 9%, 33%, 4%.
Does #f4dfa4 work well for body text?
No, #f4dfa4 is far too light and unsaturated to be used as body text on a standard white or light background. It lacks the necessary contrast ratio for accessibility, so it should be strictly reserved for backgrounds, borders, or accent elements.
What colors pair well with #f4dfa4?
Because #f4dfa4 is a muted, desaturated yellow, it anchors best when paired with high-contrast, grounding colors like charcoal or navy. These dark neutrals provide the necessary visual weight to keep the light yellow from feeling washed out or weak in a design.
Is #f4dfa4 readable on white or black?
#f4dfa4 has a 1.31:1 contrast ratio on white and 15.93: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.