#82E5A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, high-chroma green offers a sparkling, fresh quality that works best as a punchy accent color rather than a large-scale background. Because of its brightness, it pairs surprisingly well with dark, charcoal grays to create modern, clean contrast. With an accessible 13.7:1 contrast ratio against black text, the hex code #82e5a2 remains highly readable for UI elements like buttons or notification badges.
Questions about #82e5a2
What is #82e5a2 in RGB, HSL and CMYK?
In RGB, #82e5a2 is rgb(130, 229, 162), in HSL hsl(139, 66%, 70%) and in CMYK 43%, 0%, 29%, 10%.
What is the best way to use #82e5a2 in web design?
Because #82e5a2 is a high-chroma, vibrant green, it functions best as a focused UI accent rather than a background shade. It maintains an excellent 13.7:1 contrast ratio against black, making it highly readable for call-to-action buttons, notifications, or critical interface highlights.
Which colors pair effectively with #82e5a2?
This shade creates a modern, clean visual balance when paired with deep charcoal or dark gray tones. The contrast helps ground the brightness of #82e5a2, allowing the green to pop without overwhelming the rest of your design layout or typography.
Is #82e5a2 readable on white or black?
#82e5a2 has a 1.53:1 contrast ratio on white and 13.67: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.