#97DF88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-key, bright green carries a distinct yellow undertone that keeps it feeling energetic rather than muted. Because #97df88 provides excellent contrast against black text, it works well for UI buttons or alert icons that need immediate attention. Pair this shade with charcoal grays for a modern, grounded look, but avoid using it as a full-page background since its intensity can quickly overwhelm a design.
Questions about #97df88
What is #97df88 in RGB, HSL and CMYK?
In RGB, #97df88 is rgb(151, 223, 136), in HSL hsl(110, 58%, 70%) and in CMYK 32%, 0%, 39%, 13%.
What colors pair well with 97df88 for UI design?
Pair 97df88 with charcoal or deep neutral grays to ground its intensity and ensure readability. Because this green has a strong yellow undertone, avoiding other bright, warm colors prevents visual clashing and keeps your interface looking clean.
Is 97df88 suitable for large-scale backgrounds?
Using 97df88 as a full-page background is generally not recommended because its high-key intensity can quickly overwhelm users. Instead, reserve this bright shade for small, purposeful elements like alert icons, progress bars, or active state buttons.
Is #97df88 readable on white or black?
#97df88 has a 1.58:1 contrast ratio on white and 13.22: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.