#7BA8A3 Hex Color
A serene muted teal with gray undertones
Dusty and desaturated, #7ba8a3 is a muted teal with a noticeable gray undertone. Because of its low chroma, it feels professional rather than playful. This hex code works best as a primary background color for wellness or technology sites, as it pairs effectively with dark charcoal text for high contrast. Avoid pairing it with other muddy colors to keep your interface from looking washed out.
Questions about #7ba8a3
What is #7ba8a3 in RGB, HSL and CMYK?
In RGB, #7ba8a3 is rgb(123, 168, 163), in HSL hsl(173, 21%, 57%) and in CMYK 27%, 0%, 3%, 34%.
What color pairs best with #7ba8a3 for text?
Deep charcoal or dark navy creates the strongest, most readable contrast against #7ba8a3 without appearing jarring. Because #7ba8a3 is muted and desaturated, avoid pairing it with bright, neon colors, which can make the palette feel disjointed and messy.
Does #7ba8a3 lean warm or cool?
This hex color leans distinctly cool because of its strong blue and green base, though the gray undertone tempers that intensity. It creates a restrained, sophisticated feeling that avoids the artificial brightness found in pure teals or primary greens.
Is #7ba8a3 readable on white or black?
#7ba8a3 has a 2.63:1 contrast ratio on white and 7.97: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.