#97C9BF Hex Color

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

Hex color #97c9bf graphic
#97c9bf is a light, dusty teal with gray undertones and very low saturation, giving it a cool, pastel finish. It creates a soft base for wellness, healthcare, spring, and technology interfaces, though it can look washed out beside white. Use black text for strong readability; the hex code #97c9bf also pairs well with navy and warm beige.

Questions about #97c9bf

What is #97c9bf in RGB, HSL and CMYK?
In RGB, #97c9bf is rgb(151, 201, 191), in HSL hsl(168, 32%, 69%) and in CMYK 25%, 0%, 5%, 21%.
Does black or white text work better on #97c9bf?
Black text gives #97c9bf a contrast ratio of about 11.4:1, while white text is only about 1.8:1, so black is the stronger choice for readable body copy and generally meets WCAG AA and AAA contrast levels.
Which colors pair well with #97c9bf?
#97c9bf pairs well with navy, warm neutral tones, and charcoal, because its cool, muted teal balances deep dark tones and soft warmth while keeping the overall palette calm and readable in interfaces and branding. Use black or navy for text, and a warm neutral for a softer supporting background.
Is #97c9bf warm or cool?
#97c9bf reads as a cool color because its blue-green hue and gray undertones create a quiet, airy feel rather than the yellow warmth found in earthy greens. Its low saturation keeps that coolness soft instead of sharp.
Where does #97c9bf work best?
#97c9bf works especially well for wellness and healthcare interfaces, spring-themed layouts, and soft technology backgrounds, where its pale, muted teal adds calm without demanding attention. Pair it with darker text or accents to prevent a washed-out look beside white.
Is #97c9bf readable on white or black?
#97c9bf has a 1.83:1 contrast ratio on white and 11.42: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.