#A5F7BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright, pastel green with a strong yellow undertone, #a5f7ba feels fresh and youthful. Because this shade is quite pale and luminous, it can look washed out against white backgrounds. Use it as an accent or a dominant base color paired with charcoal gray or deep navy to anchor its high-key energy. The hex code #a5f7ba offers excellent contrast for black text, ensuring readability.
Questions about #a5f7ba
What is #a5f7ba in RGB, HSL and CMYK?
In RGB, #a5f7ba is rgb(165, 247, 186), in HSL hsl(135, 84%, 81%) and in CMYK 33%, 0%, 25%, 3%.
What colors work best alongside #a5f7ba?
Because #a5f7ba is quite bright and pale, it benefits from strong, dark contrasts to prevent it from washing out. Pair it with deep navy or charcoal gray to anchor its high-key energy and keep your design grounded.
How does #a5f7ba perform for website text?
#a5f7ba is excellent for readability when used as a background for black or very dark text. Its high luminosity ensures sharp contrast, making it a safe choice for UI elements that prioritize user accessibility and clear information hierarchy.
Is #a5f7ba readable on white or black?
#a5f7ba has a 1.26:1 contrast ratio on white and 16.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.