#2A7A5D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted teal offers a clinical yet inviting aesthetic perfect for wellness branding and healthcare interfaces. Its unsaturated, cool tone provides a sense of clarity without overwhelming the viewer. Because #2a7a5d maintains strong accessibility standards, it works well as a primary CTA button or a dominant background element. Pair it with soft cream or warm gray to ground its chilly undertones effectively.
Questions about #2a7a5d
What is #2a7a5d in RGB, HSL and CMYK?
In RGB, #2a7a5d is rgb(42, 122, 93), in HSL hsl(158, 49%, 32%) and in CMYK 66%, 0%, 24%, 52%.
What colors pair best with #2a7a5d for UI design?
#2a7a5d functions best when grounded by neutral, softer tones that prevent the teal from feeling too clinical. Try pairing it with a warm cream for backgrounds or a soft warm gray to highlight its cool, unsaturated undertones.
Is #2a7a5d readable on white or black?
#2a7a5d has a 5.19:1 contrast ratio on white and 4.04: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.