#FFD680 Hex Color

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

Hex color #ffd680 graphic
A soft, warm yellow with a light, mellow finish, #ffd680 brings freshness and youthful energy without feeling harsh. Its pastel quality suits spring branding, baby products, sale graphics, and cheerful backgrounds. Pair it with navy or charcoal for definition, since white text lacks contrast. The hex code #ffd680 supports clear black body text.

Questions about #ffd680

What is #ffd680 in RGB, HSL and CMYK?
In RGB, #ffd680 is rgb(255, 214, 128), in HSL hsl(41, 100%, 75%) and in CMYK 0%, 16%, 50%, 0%.
What colors pair well with #ffd680?
#ffd680 pairs well with navy or charcoal, which add definition to its light warmth, while muted blue and soft brown can create a gentler, more relaxed palette for branding and interface backgrounds.
Where does #ffd680 work well?
#ffd680 works well for spring branding, baby products, sale graphics, cheerful backgrounds, and friendly accents when you want a soft, youthful yellow rather than a sharp primary or neon tone.
Is #ffd680 readable on white or black?
#ffd680 has a 1.38:1 contrast ratio on white and 15.18: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.