#3A9F81 Hex Color

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

Hex color #3a9f81 graphic
Muted and cool, this teal brings a professional balance to interfaces and wellness branding. Since black text maintains a high contrast ratio of 6.5:1 on this shade, #3a9f81 functions as a background for small, readable body text. Pair this hex code with warm charcoal or soft cream to ground its temperature. It works best as a primary UI color rather than a simple accent.

Questions about #3a9f81

What is #3a9f81 in RGB, HSL and CMYK?
In RGB, #3a9f81 is rgb(58, 159, 129), in HSL hsl(162, 47%, 43%) and in CMYK 64%, 0%, 19%, 38%.
Is #3a9f81 suitable for text on websites?
Yes, #3a9f81 works well for interface backgrounds because it maintains a high contrast ratio of 6.5:1 against standard black text. This readability makes it a reliable choice for accessible UI components and long-form content.
What colors pair well with #3a9f81?
You can ground this cool, muted tone by pairing it with warm neutrals like cream or charcoal. These contrasting temperatures prevent the interface from feeling too sterile while highlighting the professional nature of the teal.
Is #3a9f81 readable on white or black?
#3a9f81 has a 3.25:1 contrast ratio on white and 6.45: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.