#FFF1A8 Hex Color

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

Hex color #fff1a8 graphic
This luminous, unsaturated yellow reads as mellow and light rather than aggressive. Because of its high lightness, #fff1a8 makes a friendly, approachable background color for minimalist web layouts. Pair it with charcoal or deep navy text for high readability, as this combination provides excellent contrast. While it works well for branding, avoid using it as a primary fill for large areas, as it can feel washed out.

Questions about #fff1a8

What is #fff1a8 in RGB, HSL and CMYK?
In RGB, #fff1a8 is rgb(255, 241, 168), in HSL hsl(50, 100%, 83%) and in CMYK 0%, 5%, 34%, 0%. Browse more shades of yellow with names and hex codes.
Does #fff1a8 work well for body text?
No, #fff1a8 should never be used for body text because it lacks sufficient contrast against white or light backgrounds. Always pair it with deep, dark neutrals like charcoal or navy to ensure the text remains legible.
What design style suits #fff1a8?
This color excels in minimalist and wellness-focused branding where a calm, friendly aesthetic is preferred over aggressive brightness. Its high lightness makes it an ideal, non-distracting background for modern interfaces that avoid pure white screens.
Is #fff1a8 readable on white or black?
#fff1a8 has a 1.14:1 contrast ratio on white and 18.39: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.