#FFFF80 Hex Color

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

Hex color #ffff80 graphic
#ffff80 is a high-key, luminous yellow that feels more like a tinted light than a solid pigment. It pairs well with charcoal or deep navy for high-contrast, clean UI accents, but it can quickly overwhelm a layout if used as a primary background. Because it remains highly readable with black text, it serves as an excellent, energetic choice for call-to-action buttons. The hex code for this shade is #ffff80.

Questions about #ffff80

What is #ffff80 in RGB, HSL and CMYK?
In RGB, #ffff80 is rgb(255, 255, 128), in HSL hsl(60, 100%, 75%) and in CMYK 0%, 0%, 50%, 0%.
What colors pair best with #ffff80?
#ffff80 looks strongest when balanced against charcoal or deep navy to anchor its intensity. This contrast prevents the color from feeling washed out while keeping your design clean, modern, and accessible for users.
Is #ffff80 a good choice for background colors?
Using #ffff80 as a primary background often overwhelms a layout due to its high-key luminosity. It is generally safer to reserve this bright yellow for small, meaningful accents like call-to-action buttons or highlights where you need to grab attention.
Is #ffff80 readable on white or black?
#ffff80 has a 1.05:1 contrast ratio on white and 19.86: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.