#2C8160 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool teal brings a professional, grounded quality to digital interfaces. Because it offers enough contrast for readability, #2c8160 works well as a primary color for text or solid buttons in healthcare and wellness apps. Pair it with soft cream or warm gray to prevent the color from feeling too cold or clinical. The hex code for this shade is #2c8160.
Questions about #2c8160
What is #2c8160 in RGB, HSL and CMYK?
In RGB, #2c8160 is rgb(44, 129, 96), in HSL hsl(157, 49%, 34%) and in CMYK 66%, 0%, 26%, 49%.
What design environments benefit most from using #2c8160?
The muted, cool undertones of #2c8160 work exceptionally well for healthcare and wellness interfaces where a calm, professional aesthetic is required. It remains legible as both a text color and a button background, pairing effectively with soft creams or warm grays to maintain balance.
How can I make #2c8160 feel warmer in a user interface?
Offset the cool nature of #2c8160 by pairing it with neutrals like warm gray or cream backgrounds. These warmer companions prevent the teal from appearing too clinical, helping to soften the overall visual impact for the user without sacrificing the professional tone.
Is #2c8160 readable on white or black?
#2c8160 has a 4.75:1 contrast ratio on white and 4.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.