#DAE03A Hex Color

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

Hex color #dae03a graphic
#dae03a is a high-energy yellow with a strong chartreuse undertone that demands attention. This shade is best used as a bold accent or for call-to-action buttons rather than a background. Because it offers strong contrast with black text, it works well for UI elements that need immediate visibility. Pair it with dark grays or deep charcoal to ground its intensity and prevent it from feeling overwhelming.

Questions about #dae03a

What is #dae03a in RGB, HSL and CMYK?
In RGB, #dae03a is rgb(218, 224, 58), in HSL hsl(62, 73%, 55%) and in CMYK 3%, 0%, 74%, 12%.
What colors pair well with #dae03a?
Because #dae03a is extremely high-energy, it works best when paired with deep, neutral tones like charcoal or matte black to ground its intensity. Using these dark shades as a background prevents the yellow from feeling overwhelming while maintaining accessibility for text.
Is #dae03a suitable for large background areas?
Using #dae03a as a full-page background is generally discouraged because its extreme saturation can cause visual fatigue and accessibility issues. Instead, reserve this shade for small, impactful UI elements like call-to-action buttons, notification badges, or icon accents.
Is #dae03a readable on white or black?
#dae03a has a 1.42:1 contrast ratio on white and 14.70: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.