#DADE65 Hex Color

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

Hex color #dade65 graphic
This bright, chartreuse-leaning yellow projects immediate, high-energy enthusiasm. Because #dade65 is highly saturated and light, it works best as a punchy accent rather than a full background color. Pair it with deep charcoals to anchor its intensity and ensure readability. The hex code #dade65 offers excellent contrast for black text, making it a functional choice for attention-grabbing buttons or callouts in playful interface designs.

Questions about #dade65

What is #dade65 in RGB, HSL and CMYK?
In RGB, #dade65 is rgb(218, 222, 101), in HSL hsl(62, 65%, 63%) and in CMYK 2%, 0%, 55%, 13%.
How does #dade65 function in user interface design?
The high visibility of #dade65 makes it an effective choice for call-to-action buttons or interface alerts that require immediate user attention. Use it sparingly, as its brightness can quickly overwhelm a layout, especially when paired with other saturated colors, so keep it as an intentional, high-impact highlight.
Is #dade65 readable on white or black?
#dade65 has a 1.43:1 contrast ratio on white and 14.61: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.