#7BBABB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7bbabb is a desaturated, dusty cyan that leans cool and muted. Its low chroma makes it an excellent choice for UI backgrounds where you need a soft, non-distracting foundation. Pair this shade with dark charcoal text to ensure readability, as black text provides a high 9.6:1 contrast ratio. This hex code serves best as a supporting tone rather than a bold primary color.
Questions about #7bbabb
What is #7bbabb in RGB, HSL and CMYK?
In RGB, #7bbabb is rgb(123, 186, 187), in HSL hsl(181, 32%, 61%) and in CMYK 34%, 1%, 0%, 27%.
Does #7bbabb work well as a primary text color?
Using #7bbabb for text is not recommended because its low contrast against white backgrounds often fails accessibility standards. Instead, use this hue as a soft background or accent color, and pair it with deep charcoal or dark navy text for better readability.
How can I create a professional palette using #7bbabb?
Because #7bbabb is a dusty, desaturated cyan, it pairs beautifully with high-contrast neutrals like charcoal or warm earthy tones like terracotta. These pairings balance the cool, muted nature of the color with warmer or darker elements, creating visual harmony.
Is #7bbabb readable on white or black?
#7bbabb has a 2.19:1 contrast ratio on white and 9.58: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.