#3F8A79 Hex Color

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

Hex color #3f8a79 graphic
This muted, dusty teal carries a cool, unsaturated quality that feels professional rather than playful. Because it sits on the calmer side of the spectrum, #3f8a79 excels as a secondary or supporting tone in healthcare and tech interfaces. It provides enough contrast to support black body text, making it a reliable choice for readable, balanced UI designs where you need subtle, sophisticated color.

Questions about #3f8a79

What is #3f8a79 in RGB, HSL and CMYK?
In RGB, #3f8a79 is rgb(63, 138, 121), in HSL hsl(166, 37%, 39%) and in CMYK 54%, 0%, 12%, 46%.
Where should I use #3f8a79 in my design?
#3f8a79 works best as a secondary or supporting color in professional interfaces, such as healthcare or tech dashboards. Its balanced, unsaturated nature ensures it does not overwhelm the primary brand elements while maintaining high readability against black or dark gray text.
What colors pair well with #3f8a79?
This muted teal pairs beautifully with a neutral charcoal for high-contrast text or a soft cream for background surfaces. Because of its cool undertones, it also complements desaturated terracotta or warm greige tones if you need to create a more grounded, earthy palette.
Is #3f8a79 readable on white or black?
#3f8a79 has a 4.09:1 contrast ratio on white and 5.12: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.