#FFDE77 Hex Color

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

Hex color #ffde77 graphic
Soft and warm, #ffde77 is a light pastel yellow with a fresh golden undertone. Its moderate saturation feels cheerful without becoming harsh or fluorescent. The hex code works well as a supporting 30% color beside navy, charcoal, or muted lavender in spring branding, baby products, and sale graphics. Black text stays highly readable on this shade.

Questions about #ffde77

What is #ffde77 in RGB, HSL and CMYK?
In RGB, #ffde77 is rgb(255, 222, 119), in HSL hsl(45, 100%, 73%) and in CMYK 0%, 13%, 53%, 0%. Browse more shades of yellow with names and hex codes.
What colors pair well with #ffde77?
#ffde77 pairs well with navy, charcoal, and muted lavender, whose deeper or cooler tones balance its warm pastel yellow in design palettes and layouts for a softer, balanced look overall.
Is #ffde77 easy to read with black text?
Black text offers strong contrast on #ffde77 and is the safer choice for readable labels, while white text has weak contrast and should generally be avoided for small type or detailed copy.
Is #ffde77 readable on white or black?
#ffde77 has a 1.31:1 contrast ratio on white and 15.96: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.