#F7FFC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow is highly unsaturated and reads almost like an off-white. Because of its extreme lightness, #f7ffc4 works best as a soft background or a subtle highlight rather than a main color. It pairs surprisingly well with slate grey or charcoal, which ground its brightness. While it remains readable with black text, avoid using it next to pure white to prevent a washed-out appearance.
Questions about #f7ffc4
What is #f7ffc4 in RGB, HSL and CMYK?
In RGB, #f7ffc4 is rgb(247, 255, 196), in HSL hsl(68, 100%, 88%) and in CMYK 3%, 0%, 23%, 0%.
What colors pair well with #f7ffc4 for a balanced design?
Because #f7ffc4 is so close to white, it pairs best with strong, dark neutrals like charcoal or slate grey to create necessary visual grounding. If you need warmth, a deep terracotta provides a beautiful, earthy contrast that prevents the yellow from looking washed out.
Is #f7ffc4 suitable for primary text on websites?
No, #f7ffc4 is far too light and unsaturated to be used as a primary text color against white or light backgrounds. It should be reserved strictly for decorative highlights, subtle background fills, or borders where accessibility standards for contrast do not apply.
Is #f7ffc4 readable on white or black?
#f7ffc4 has a 1.04:1 contrast ratio on white and 20.05: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.