#7BC8C4 Hex Color

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

Select a Color

#7bc8c4 is a desaturated, dusty cyan that feels airy and cool. Its muted chroma makes it an excellent base color for UI backgrounds where you need a soft, non-distracting presence. Because it sits between green and blue, understanding what colors make gray helps when pairing this shade with deeper neutrals. Use it sparingly to avoid a washed-out look, as high-contrast black text reads best here.

Questions about #7bc8c4

What is #7bc8c4 in RGB, HSL and CMYK?

In RGB, #7bc8c4 is rgb(123, 200, 196), in HSL hsl(177, 41%, 63%) and in CMYK 38%, 0%, 2%, 22%.

What design elements pair effectively with #7bc8c4?

#7bc8c4 works best when grounded by high-contrast neutrals like charcoal or deep navy for text legibility. Because it is a desaturated, muted cyan, it can look washed out if paired with light pastels, so use dark, solid tones to create visual balance.

Is #7bc8c4 readable on white or black?

#7bc8c4 has a 1.92:1 contrast ratio on white and 10.90: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.

#7BC8C4 Hex Color

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

Questions about #7bc8c4

Color tools

Resources