#FFF080 Hex Color

Luminous and energetic high-saturation yellow

Hex color #fff080 graphic
Luminous and energetic, #fff080 is a high-saturation yellow that commands attention in UI design. Because it lacks dark undertones, it is best reserved as a 10% accent rather than a background. Use it for call-to-action buttons or sale banners where you need immediate visibility. Black text creates a sharp, readable contrast against this hex code, ensuring that your content remains accessible for all users.

Questions about #fff080

What is #fff080 in RGB, HSL and CMYK?
In RGB, #fff080 is rgb(255, 240, 128), in HSL hsl(53, 100%, 75%) and in CMYK 0%, 6%, 50%, 0%.
What is the best way to use #fff080 in a user interface?
#fff080 should be reserved for small UI accents, like call-to-action buttons or alert banners, because its high saturation can overwhelm the eye if used as a background. Pair it with deep text colors like charcoal to maintain accessibility.
Does #fff080 work well with dark mode designs?
#fff080 remains highly visible against dark backgrounds, offering a bright, neon-like contrast that feels modern and energetic. It pairs particularly well with deep backgrounds like navy or black, providing an electric pop that draws immediate user attention.
Is #fff080 readable on white or black?
#fff080 has a 1.16:1 contrast ratio on white and 18.02: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.