#40D6CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
Is #40d6cf accessible for text and UI backgrounds?
Black text on #40d6cf has about an 11.7:1 contrast ratio, exceeding WCAG AA’s 4.5:1 requirement for normal body text and making it suitable for small text in accessible layouts. White text has much weaker contrast, so choose dark lettering for labels and content.
What colors pair well with #40d6cf in a palette?
Pair #40d6cf with charcoal for structure, warm terracotta for contrast, or muted navy for a polished technology palette. These pairings keep its high saturation focused while giving layouts enough weight for headings, controls, and supporting surfaces.
Where does #40d6cf work best in design?
Use #40d6cf as an accent, button fill, or broad background when the layout provides dark text and restrained neutrals around it; its cool, high-chroma finish suits wellness and healthcare interfaces, while dense all-over use can feel visually loud.