#FFDF87 Hex Color

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

Hex color #ffdf87 graphic
The hex code #ffdf87 is a bright, buttery pastel defined by high lightness and saturation. It avoids the muddy undertones of darker yellows, keeping a crisp appearance. This color pairs well with deep charcoals, which ground its airy quality. Since black text remains highly readable against this surface, it serves as an effective choice for backgrounds in soft, modern UI designs.

Questions about #ffdf87

What is #ffdf87 in RGB, HSL and CMYK?
In RGB, #ffdf87 is rgb(255, 223, 135), in HSL hsl(44, 100%, 76%) and in CMYK 0%, 13%, 47%, 0%.
What colors pair best with #ffdf87?
This buttery pastel works exceptionally well with deep charcoal or navy tones, which provide the necessary contrast to ground its airy quality. Using these darker neutrals allows the yellow to remain the focal point without overwhelming the viewer's eyes.
Is #ffdf87 a good choice for UI backgrounds?
Yes, #ffdf87 is excellent for web interfaces because it maintains high readability when paired with dark text. Its crisp, saturated appearance keeps designs feeling modern and energetic while avoiding the muddiness often found in darker, warmer yellow shades.
Is #ffdf87 readable on white or black?
#ffdf87 has a 1.29:1 contrast ratio on white and 16.15: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.