#3BAA97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal sits comfortably between blue and green. With its muted chroma, #3baa97 works best as a supporting accent rather than a dominant background color, which can quickly feel overwhelming. Pair it with charcoal gray or soft cream to balance its clinical undertone. Because it maintains strong contrast against black text, it functions well for readable, accessible UI elements in healthcare or technology interfaces.
Questions about #3baa97
What is #3baa97 in RGB, HSL and CMYK?
In RGB, #3baa97 is rgb(59, 170, 151), in HSL hsl(170, 48%, 45%) and in CMYK 65%, 0%, 11%, 33%.
How should I use #3baa97 in a website design?
#3baa97 functions best as a subtle accent rather than a primary background color, as its muted chroma can feel overwhelming when used extensively. It provides excellent readability against dark backgrounds and creates a professional, clean aesthetic for data-heavy dashboard interfaces.
What colors pair well with #3baa97?
This teal pairs naturally with neutral tones like charcoal or soft cream to balance its clinical undertone. If you need a more vibrant palette, consider adding a warm contrast with a muted terracotta to ground the cooler blue-green tones.
Is #3baa97 readable on white or black?
#3baa97 has a 2.84:1 contrast ratio on white and 7.38: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.