#DAE571 Hex Color

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

Hex color #dae571 graphic
This high-energy, acidic yellow leans into a chartreuse hue with a bright, neon-adjacent glow. Because #dae571 provides exceptional contrast against black text, it serves as a powerful accent for UI buttons or sale callouts. It can feel overpowering as a full background, but works well as a small, spirited punch of color to inject spontaneity into minimalist layouts. The hex code for this yellow is #dae571.

Questions about #dae571

What is #dae571 in RGB, HSL and CMYK?
In RGB, #dae571 is rgb(218, 229, 113), in HSL hsl(66, 69%, 67%) and in CMYK 5%, 0%, 51%, 10%.
Does #dae571 work well for UI elements?
#dae571 excels as a high-visibility accent color for buttons, hover states, or notification badges because of its punchy, neon-adjacent glow. Avoid using it for large text blocks, as it can be visually fatiguing and lacks sufficient contrast against white backgrounds.
What colors pair best with #dae571?
Pair #dae571 with deep, neutral tones like charcoal or navy to ground its acidic energy and create a balanced, modern contrast. For a more sophisticated, retro-inspired aesthetic, try combining it with softer, muted earth tones like terracotta.
Is #dae571 readable on white or black?
#dae571 has a 1.36:1 contrast ratio on white and 15.42: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.