#FFF400 Hex Color
A high-intensity yellow radiating aggressive optimism
This high-intensity yellow radiates pure energy and aggressive optimism. Because it is so saturated, #fff400 works best as a 10 percent accent rather than a background color, as it can easily overwhelm the eyes. Pair it with deep charcoal or matte black text for maximum readability and visual impact. Use this hex code for sale banners or UI alerts that demand immediate user attention.
Questions about #fff400
What is #fff400 in RGB, HSL and CMYK?
In RGB, #fff400 is rgb(255, 244, 0), in HSL hsl(57, 100%, 50%) and in CMYK 0%, 4%, 100%, 0%.
How should I use #fff400 in a UI design?
Apply #fff400 primarily as a 10 percent accent color to avoid visual fatigue and ensure it does not overwhelm your layout. It performs best for high-urgency UI alerts or sale banners when paired against charcoal text for readability.
Does #fff400 work well as a text color?
Avoid using #fff400 as a primary text color because its high luminosity makes it nearly impossible to read on white backgrounds. If you must use it for text, place it over a dark charcoal or black background to ensure sufficient contrast.
Is #fff400 readable on white or black?
#fff400 has a 1.15:1 contrast ratio on white and 18.19: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.