#F4FED2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow carries a warm, mellow tone that feels clean and unobtrusive. Because #f4fed2 is so desaturated, it functions well as a soft, neutral background in minimalist UI designs where pure white feels too clinical. Pair this hex code with dark slate grays or deep olive greens to create a high-contrast, modern aesthetic that remains grounded and easy on the eyes.
Questions about #f4fed2
What is #f4fed2 in RGB, HSL and CMYK?
In RGB, #f4fed2 is rgb(244, 254, 210), in HSL hsl(74, 96%, 91%) and in CMYK 4%, 0%, 17%, 0%.
What colors pair best with #f4fed2 for a modern interface?
#f4fed2 functions best when paired with deep, grounding tones like slate or dark olive to prevent the design from feeling too airy. Using these dark, rich accents creates high-contrast, professional layouts that remain legible while maintaining a soft, approachable aesthetic for the user.
Does #f4fed2 work well for text backgrounds?
Because #f4fed2 is very light, it works best as a background color for large sections of a UI, but it usually requires dark, high-contrast text for accessibility compliance. You should avoid using white or very light-colored fonts directly on top of this hex color to ensure readability.
Is #f4fed2 readable on white or black?
#f4fed2 has a 1.05:1 contrast ratio on white and 19.95: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.