#FFF580 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This luminous, high-chroma yellow is intensely cheerful and demands attention. Because it reads as playful and urgent, it functions best as a tactical accent rather than a dominant background. Pair it with deep charcoals to ground its high energy and maintain excellent readability. The hex code for this color is #fff580, which offers enough contrast for legible black text in UI applications.

Questions about #fff580

What is #fff580 in RGB, HSL and CMYK?

In RGB, #fff580 is rgb(255, 245, 128), in HSL hsl(55, 100%, 75%) and in CMYK 0%, 4%, 50%, 0%.

What colors pair best with #fff580?

Because #fff580 is high-energy, it needs deep, neutral colors like charcoal or navy to ground the design and ensure text readability. Using these dark, muted tones prevents the yellow from feeling overwhelming while maintaining a sophisticated, modern contrast.

Is #fff580 readable on white or black?

#fff580 has a 1.12:1 contrast ratio on white and 18.62: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.

#FFF580 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #fff580

Color tools

Resources