#3AA59F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#3aa59f is a cool, unsaturated teal with strong cyan undertones. This shade provides a refreshing, professional look that works well for healthcare or tech interfaces. It supports black text clearly, making it reliable for small body copy. Because of its muted character, use this color as an accent rather than a dominant background to avoid overwhelming a design. The hex code for this teal is #3aa59f.

Questions about #3aa59f

What is #3aa59f in RGB, HSL and CMYK?

In RGB, #3aa59f is rgb(58, 165, 159), in HSL hsl(177, 48%, 44%) and in CMYK 65%, 0%, 4%, 35%.

What colors pair best with #3aa59f for UI design?

#3aa59f works beautifully when anchored by deep charcoal or soft off-white neutrals to maintain readability. For a vibrant contrast, pair it with a subtle coral accent, which naturally complements the cyan undertones while keeping the interface feeling balanced and professional.

Is #3aa59f readable on white or black?

#3aa59f has a 2.97:1 contrast ratio on white and 7.06: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.

#3AA59F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #3aa59f

Color tools

Resources