#96F2B4 Hex Color

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

Hex color #96f2b4 graphic
This bright, high-chroma pastel green feels energetic and spring-like. Because it sits high on the lightness scale, #96f2b4 functions best as an accent color for UI elements like buttons or notification badges. It creates excellent contrast for black text, making it highly readable in small doses. Avoid using it as a full-page background, as its intensity can overwhelm other design elements.

Questions about #96f2b4

What is #96f2b4 in RGB, HSL and CMYK?
In RGB, #96f2b4 is rgb(150, 242, 180), in HSL hsl(140, 78%, 77%) and in CMYK 38%, 0%, 26%, 5%.
How should I use #96f2b4 in web design?
#96f2b4 is an intense, high-lightness green that functions effectively as an accent color for UI elements like buttons or notification badges. Because of its vibrancy, it can overwhelm a layout if used as a full-page background color.
What colors pair well with #96f2b4?
Since #96f2b4 is a bright and energetic hue, it balances well against deep, neutral tones like charcoal or slate to ground the design. These darker contrasts ensure readability while allowing the green to pop as an interactive focal point.
Is #96f2b4 readable on white or black?
#96f2b4 has a 1.34:1 contrast ratio on white and 15.65: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.