#2CCC96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #2ccc96 creates a fresh, highly saturated teal with clear green undertones and a cool, sparkling feel. Its medium-light value suits wellness, healthcare, and technology branding, while navy or charcoal adds needed depth. Use it as a supporting color or bold UI accent rather than a full-page background. Black text achieves about a 10.2:1 contrast ratio.
Questions about #2ccc96
What is #2ccc96 in RGB, HSL and CMYK?
In RGB, #2ccc96 is rgb(44, 204, 150), in HSL hsl(160, 65%, 49%) and in CMYK 78%, 0%, 26%, 20%.
What colors pair well with #2ccc96?
Navy, charcoal, and soft neutrals pair well with #2ccc96 because their restrained tones balance its bright, cool teal energy without competing for attention, making them useful for text, borders, layouts, and supporting interface elements.
Is #2ccc96 a warm or cool color?
#2ccc96 reads as a cool teal because its blue component supports clear green undertones, creating a crisp, refreshing appearance rather than the earthy warmth associated with yellow-heavy greens and warm turquoise shades. It suits modern, energetic interface accents.
Is #2ccc96 readable on white or black?
#2ccc96 has a 2.06:1 contrast ratio on white and 10.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.