#FFF9A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pale yellow offers a luminous warmth that feels approachable and optimistic. Because #fff9a6 is so light, black text remains highly legible against it. Designers should use this hex code sparingly as a 10% accent color, as it can wash out when used for large backgrounds. It pairs beautifully with charcoal grays or deep teals for a clean, modern aesthetic.
Questions about #fff9a6
What is #fff9a6 in RGB, HSL and CMYK?
In RGB, #fff9a6 is rgb(255, 249, 166), in HSL hsl(56, 100%, 83%) and in CMYK 0%, 2%, 35%, 0%.
What is the best way to use #fff9a6 in a design layout?
#fff9a6 functions best as a small, luminous accent color rather than a large background field, as its extreme lightness can wash out easily. It brings a friendly, optimistic touch when applied to buttons, icons, or subtle highlights in modern, high-contrast layouts.
Which colors complement #fff9a6 for a balanced aesthetic?
This pale yellow creates a sophisticated, modern contrast when paired with charcoal or dark, moody teals. Because the color is so bright, using these deep, grounded neutrals helps balance the composition while keeping your interface elements and text legible and sharp.
Is #fff9a6 readable on white or black?
#fff9a6 has a 1.08:1 contrast ratio on white and 19.35: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.