#40CFA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-saturation teal hits with a sharp, cooling energy. Because it sits between green and blue, it lacks the muddy undertones found in muted shades, making it excellent for high-contrast UI buttons or CTA accents. The hex code is #40cfa4. Pair this with charcoal or dark slate to make it pop, as using it over white often washes out the detail. Black text remains perfectly readable here.
Questions about #40cfa4
What is #40cfa4 in RGB, HSL and CMYK?
In RGB, #40cfa4 is rgb(64, 207, 164), in HSL hsl(162, 60%, 53%) and in CMYK 69%, 0%, 21%, 19%.
What works best with #40cfa4 for web design?
Use #40cfa4 alongside charcoal or dark slate text to maintain high readability and contrast. Because this shade is highly saturated, it tends to wash out against standard white, so anchor it with darker, neutral tones for a professional interface.
Is #40cfa4 suitable for call-to-action buttons?
Yes, its lack of muddy undertones makes #40cfa4 an ideal choice for high-impact CTA buttons where you need to draw user attention. It provides a crisp, modern look that pops against darker backgrounds while remaining readable for most users.
Is #40cfa4 readable on white or black?
#40cfa4 has a 1.96:1 contrast ratio on white and 10.67: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.