#52D8AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma, mint-leaning teal offers a bright, sparkling energy that commands attention. Because of its intense luminosity, #52d8ae works best as a punchy accent color in UI design rather than a full-page background. It pairs exceptionally well with deep charcoal grays to create a modern, high-contrast look. The hex code #52d8ae maintains strong accessibility with black text, making it a reliable choice for buttons and call-to-action elements.
Questions about #52d8ae
What is #52d8ae in RGB, HSL and CMYK?
In RGB, #52d8ae is rgb(82, 216, 174), in HSL hsl(161, 63%, 58%) and in CMYK 62%, 0%, 19%, 15%.
How should I use #52d8ae in a UI design project?
Use #52d8ae sparingly as a high-impact accent color for buttons or primary navigation elements rather than large backgrounds. It creates a modern, high-contrast look when paired against deep charcoal or near-black neutral tones that anchor the brightness.
Does #52d8ae work well with text?
Due to its high luminosity, #52d8ae should strictly be used for UI accents and never as a background for text. Always place dark, readable text over this color to maintain accessibility, as the brightness level makes white text nearly impossible to read.
Is #52d8ae readable on white or black?
#52d8ae has a 1.78:1 contrast ratio on white and 11.79: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.