#FFF680 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 it pairs best with dark, charcoal grays rather than white, designers often reserve the hex code #fff680 for high-contrast accents or buttons. Its intensity creates a sense of immediate energy, making it a natural choice for sale tags or calls to action where readability is priority. Black text remains perfectly legible against this bright background.
Questions about #fff680
What is #fff680 in RGB, HSL and CMYK?
In RGB, #fff680 is rgb(255, 246, 128), in HSL hsl(56, 100%, 75%) and in CMYK 0%, 4%, 50%, 0%.
Why does #fff680 work better with dark backgrounds?
This shade is extremely bright and demands high contrast to remain readable, making it ideal for pairing with deep charcoal or near-black tones. Using it against light or white backgrounds often causes the color to wash out, losing its impact.
Is #fff680 readable on white or black?
#fff680 has a 1.12:1 contrast ratio on white and 18.74: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.