#FFDE80 Hex Color

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

Hex color #ffde80 graphic
#ffde80 is a light, sunny yellow with a distinctively cheerful and warm character. Because of its high lightness, it functions best as an accent color rather than a large-scale background, which can appear overwhelming. Pair this hex code with deep charcoals or dark navies to create high contrast. It is an excellent choice for branding that targets youth, playfulness, and optimism.

Questions about #ffde80

What is #ffde80 in RGB, HSL and CMYK?
In RGB, #ffde80 is rgb(255, 222, 128), in HSL hsl(44, 100%, 75%) and in CMYK 0%, 13%, 50%, 0%.
What colors pair best with #ffde80 for a balanced design?
High-contrast pairings work best with this light yellow, particularly deep charcoal or dark navy tones. These grounding colors prevent the brightness of #ffde80 from overwhelming a design while keeping the overall aesthetic professional and readable.
Is #ffde80 suitable for text on a white background?
This color fails standard accessibility contrast ratios when placed against white, making it unsuitable for body text. Use #ffde80 strictly as an accent color for buttons, icons, or graphical elements rather than for functional, readable copy.
Is #ffde80 readable on white or black?
#ffde80 has a 1.31:1 contrast ratio on white and 16.01: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.