#03A696 Hex Color
A cool, muted teal for professional interfaces
This cool, unsaturated teal sits comfortably between blue and green. Its muted nature makes #03a696 an excellent choice for healthcare or tech interfaces where clarity matters more than high-impact saturation. Because it maintains strong contrast against black text, it works well for UI buttons or icons. If you need to tone down a palette, learning how to make gray can help you mute other colors to match its level.
Questions about #03a696
What is #03a696 in RGB, HSL and CMYK?
In RGB, #03a696 is rgb(3, 166, 150), in HSL hsl(174, 96%, 33%) and in CMYK 98%, 0%, 10%, 35%.
What colors pair well with #03a696?
#03a696 works best when paired with neutral tones such as light gray or crisp white to maintain its muted, professional appearance. For a bolder look, you can use warm accents like terracotta to create a complementary contrast that balances the cool blue-green base.
Is #03a696 readable on white or black?
#03a696 has a 3.04:1 contrast ratio on white and 6.89:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.