#FFF7CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, buttery yellow brings a luminous warmth to clean, minimalist designs. Because it remains highly unsaturated, #fff7cc acts as a gentle, approachable base rather than a loud accent. It pairs beautifully with deep charcoal or slate gray, which creates a high-contrast foundation for readable body text. Avoid using it alongside pure white, as the subtle difference can make the color appear accidentally muddy.
Questions about #fff7cc
What is #fff7cc in RGB, HSL and CMYK?
In RGB, #fff7cc is rgb(255, 247, 204), in HSL hsl(51, 100%, 90%) and in CMYK 0%, 3%, 20%, 0%.
Does #fff7cc work well for body text?
No, #fff7cc is too light to serve as a primary body text color because it fails accessibility contrast standards. Instead, use it as a calming background color paired with charcoal or dark slate text for readability.
What colors pair best with #fff7cc?
This buttery yellow pairs naturally with deep, muted tones like charcoal or navy. These darker colors provide the necessary contrast to ground the lightness of #fff7cc, preventing the overall design from feeling washed out or difficult to read.
Is #fff7cc readable on white or black?
#fff7cc has a 1.08:1 contrast ratio on white and 19.42: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.