#3A8975 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, cool teal with green undertones, #3a8975 brings a composed feel to healthcare, wellness, and technology design. Its moderate saturation supports clarity without looking harsh, making it useful as a supporting brand tone or UI accent. The hex code #3a8975 supports black text at about 5.0:1 contrast, meeting WCAG AA for body text.
Questions about #3a8975
What is #3a8975 in RGB, HSL and CMYK?
In RGB, #3a8975 is rgb(58, 137, 117), in HSL hsl(165, 41%, 38%) and in CMYK 58%, 0%, 15%, 46%.
Does #3a8975 work better with black or white text?
Black text is the safer accessible choice on #3a8975, with roughly a 5:1 contrast ratio that meets WCAG AA for normal text; white text is about 4.2:1 and falls short of the 4.5:1 threshold for normal text.
What colors pair well with #3a8975?
For balanced pairings, warm terracotta brings out #3a8975’s cool green undertones, while navy, cream, and soft gray create a quieter palette for wellness branding, dashboards, and product interfaces without overwhelming its moderate saturation.
Is #3a8975 a warm or cool color?
#3a8975 reads as a cool teal because its green-blue balance leans toward blue rather than yellow, while its muted saturation keeps the effect calm instead of an icy or highly vivid look. It suits composed healthcare, wellness, and technology designs where clarity matters more than high energy.
Is #3a8975 readable on white or black?
#3a8975 has a 4.18:1 contrast ratio on white and 5.01: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.