#00AC97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted teal sits at a cool, balanced midpoint between blue and green. Because it offers high readability for small text, #00ac97 works well as a primary call to action button or text accent in healthcare interfaces. The hex code maintains a 7.3:1 contrast ratio against black, exceeding accessibility standards while providing a steady, professional feel.
Questions about #00ac97
What is #00ac97 in RGB, HSL and CMYK?
In RGB, #00ac97 is rgb(0, 172, 151), in HSL hsl(173, 100%, 34%) and in CMYK 100%, 0%, 12%, 33%.
Where should I use #00ac97 in a website interface?
#00ac97 excels as a primary call-to-action button or a strategic text accent due to its high readability. It maintains a strong 7.3:1 contrast ratio against black text, ensuring your critical interface elements remain accessible and clear to all users.
What colors pair well with the muted teal of #00ac97?
You can pair #00ac97 with a crisp white or a very light gray to keep the aesthetic clean and modern. For text, grounding this teal with charcoal or deep navy tones provides a professional balance that anchors the vibrant cool undertones.
Is #00ac97 readable on white or black?
#00ac97 has a 2.85:1 contrast ratio on white and 7.34: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.