#3AA29C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted teal sits in a cool, unsaturated middle ground, avoiding neon brightness for a more restrained presence. Because it carries enough contrast to support small black text, #3aa29c works well as a primary interface color for wellness or healthcare apps. It pairs surprisingly well with warm terracotta accents, which ground the otherwise clinical feel of this specific hex code.
Questions about #3aa29c
What is #3aa29c in RGB, HSL and CMYK?
In RGB, #3aa29c is rgb(58, 162, 156), in HSL hsl(177, 47%, 43%) and in CMYK 64%, 0%, 4%, 36%.
Does #3aa29c work well for interface text?
#3aa29c carries enough contrast to support small black text, which makes it a practical choice for UI design in healthcare or wellness apps. However, ensure you test the color against your background to maintain WCAG readability standards.
What colors pair best with #3aa29c?
You can ground the clinical, cool feel of #3aa29c by pairing it with warm terracotta accents. This combination balances the muted teal with organic, earthy tones, creating a more welcoming and harmonious visual palette for modern digital applications.
Is #3aa29c readable on white or black?
#3aa29c has a 3.07:1 contrast ratio on white and 6.82: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.