#40A58A Hex Color

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

Hex color #40a58a graphic
This unsaturated, cool teal lands between blue and green with a muted, professional presence. It works well as a primary accent in healthcare or technology interfaces, where it keeps layouts feeling organized and accessible. Because it maintains high contrast with black text, #40a58a is a reliable choice for UI components. Pair it with soft charcoal or warm grey to keep the palette grounded and clean.

Questions about #40a58a

What is #40a58a in RGB, HSL and CMYK?
In RGB, #40a58a is rgb(64, 165, 138), in HSL hsl(164, 44%, 45%) and in CMYK 61%, 0%, 16%, 35%.
What colors pair best with #40a58a for professional design?
#40a58a creates a balanced, professional aesthetic when paired with charcoal or soft neutral greys. Using a deep navy provides a grounded anchor, while off-white backgrounds allow this teal to stand out without overwhelming the overall layout.
Is #40a58a readable on white or black?
#40a58a has a 3.01:1 contrast ratio on white and 6.96: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.