#FFEF80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow carries an energetic warmth without becoming overbearing. Because it has such high lightness, #ffef80 works best as a 10% accent color rather than a dominant background, as it can easily wash out UI elements. Pair it with deep charcoal or slate gray text to maintain high readability. The hex code for this mellow shade is #ffef80.
Questions about #ffef80
What is #ffef80 in RGB, HSL and CMYK?
In RGB, #ffef80 is rgb(255, 239, 128), in HSL hsl(52, 100%, 75%) and in CMYK 0%, 6%, 50%, 0%.
How can I use #ffef80 effectively in UI design?
Since #ffef80 is quite light and luminous, avoid using it as a primary background color because it often washes out UI elements. Instead, apply it as a vibrant accent for buttons or icons, always ensuring your text is a dark charcoal or slate gray.
What colors pair well with #ffef80 for a balanced palette?
Is #ffef80 readable on white or black?
#ffef80 has a 1.17:1 contrast ratio on white and 17.91: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.