#2C9B94 Hex Color

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

Hex color #2c9b94 graphic
This cool, unsaturated teal sits comfortably between blue and green. It conveys clarity and professional calm, making it a natural choice for healthcare branding or wellness interfaces. Because the hex code #2c9b94 maintains a high contrast ratio against black text, it works well for small, readable body copy. Pair it with soft, warm greys to keep your layout feeling balanced and modern.

Questions about #2c9b94

What is #2c9b94 in RGB, HSL and CMYK?
In RGB, #2c9b94 is rgb(44, 155, 148), in HSL hsl(176, 56%, 39%) and in CMYK 72%, 0%, 5%, 39%.
What is the best way to use #2c9b94 in user interface design?
This unsaturated teal functions as a stable, professional anchor for wellness or healthcare platforms. Use it for primary buttons or navigation elements to evoke clarity, while keeping text dark and surrounding backgrounds muted to maintain high contrast and readability.
Which colors should I pair with #2c9b94 to keep the design balanced?
Pair #2c9b94 with warm neutrals to offset its cool, clinical undertone. Soft, warm greige or taupe backgrounds help ground the color, preventing the interface from feeling too sterile while maintaining a modern, clean aesthetic that is easy on the eyes.
Is #2c9b94 readable on white or black?
#2c9b94 has a 3.37:1 contrast ratio on white and 6.22: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.