#FFF1C7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated yellow brings warmth to any layout without overwhelming the eye. Because of its high lightness, it serves as an excellent UI background where standard white feels too sterile. It maintains high readability for black text, though you should avoid placing it directly next to pure white to prevent a washed-out appearance. The hex code for this mellow shade is #fff1c7.
Questions about #fff1c7
What is #fff1c7 in RGB, HSL and CMYK?
In RGB, #fff1c7 is rgb(255, 241, 199), in HSL hsl(45, 100%, 89%) and in CMYK 0%, 5%, 22%, 0%.
Does #fff1c7 work well as a primary background color?
Yes, #fff1c7 is an excellent choice for a neutral background because its high lightness keeps the interface airy while feeling significantly warmer and less sterile than pure white. It pairs beautifully with dark, high-contrast text like charcoal or deep espresso to maintain readability.
What kind of mood does the hex color #fff1c7 convey?
This shade conveys a sense of calm, approachable warmth and organic softness. Because it is highly desaturated, it avoids the aggressive intensity of bright yellow, making it a reliable option for wellness, hospitality, or lifestyle branding that needs to feel welcoming and grounded.
Is #fff1c7 readable on white or black?
#fff1c7 has a 1.12:1 contrast ratio on white and 18.65: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.