#ADE5A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-key, pale green with a gentle, unsaturated quality, #ade5a1 evokes freshness without feeling aggressive. Its lightness creates an airy base that works well for UI backgrounds or sustainable branding. While black text maintains excellent readability against this shade, avoid using it next to pure white, as the contrast can make it appear washed out. The hex code for this soft tone is #ade5a1.
Questions about #ade5a1
What is #ade5a1 in RGB, HSL and CMYK?
In RGB, #ade5a1 is rgb(173, 229, 161), in HSL hsl(109, 57%, 76%) and in CMYK 24%, 0%, 30%, 10%.
What makes #ade5a1 a good choice for user interfaces?
The gentle, unsaturated quality of #ade5a1 provides a clean, restful background that minimizes eye strain compared to more saturated greens. It creates enough contrast to remain readable while keeping the interface feeling lightweight and approachable for users.
How should #ade5a1 be paired for the best design results?
High contrast works best with this shade. Pair #ade5a1 with deep, dark neutrals like charcoal to anchor the lightness, preventing the design from feeling washed out when placed against standard white backgrounds.
Is #ade5a1 readable on white or black?
#ade5a1 has a 1.44:1 contrast ratio on white and 14.49: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.