#FFF981 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow is highly saturated and demands attention. Because #fff981 is extremely light, it washes out against white backgrounds, so use it as a 10 percent accent rather than a base. It pairs effectively with deep charcoal text, ensuring excellent readability and creating sharp contrast for modern UI elements. The hex code for this shade is #fff981.
Questions about #fff981
What is #fff981 in RGB, HSL and CMYK?
In RGB, #fff981 is rgb(255, 249, 129), in HSL hsl(57, 100%, 75%) and in CMYK 0%, 2%, 49%, 0%.
How should I use #fff981 in my user interface design?
#fff981 functions best as a high-impact, small-scale accent color rather than a base background. Because it is extremely light and saturated, it risks washing out on white screens, so pair it with charcoal or dark text to ensure readability.
What colors pair well with #fff981 for a balanced palette?
This bright yellow thrives when grounded by deep, neutral tones that anchor its high energy. Use it alongside charcoal for text or navy for structural elements to create sharp, modern contrast that keeps your design feeling polished and professional.
Is #fff981 readable on white or black?
#fff981 has a 1.09:1 contrast ratio on white and 19.11: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.