#FFF986 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-key and luminous, #fff986 acts best as a bold accent rather than a full-page background. This intense yellow demands attention, making it useful for call-to-action buttons or sale banners where you need immediate visibility. Black text creates excellent contrast against it, ensuring readability. If you need a softer contrast, consider pairing this yellow with deeper pink tones to balance its warmth. The hex code is #fff986.
Questions about #fff986
What is #fff986 in RGB, HSL and CMYK?
In RGB, #fff986 is rgb(255, 249, 134), in HSL hsl(57, 100%, 76%) and in CMYK 0%, 2%, 47%, 0%. Browse more shades of yellow with names and hex codes.
What colors pair well with #fff986?
Strong, high-contrast pairings like navy or charcoal gray ground the intensity of #fff986. You can also use hot pink tones for a softer, playful contrast that balances its bright, sunny warmth without feeling overwhelming.
Is #fff986 suitable for body text?
No, #fff986 is far too luminous for readable body text on standard white or light backgrounds. It performs best as a vibrant graphic element, icon, or alert color where legibility is less critical than immediate visual impact.
Is #fff986 readable on white or black?
#fff986 has a 1.09:1 contrast ratio on white and 19.14: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.