#7BDBD2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated teal brings a fresh, cool energy to digital interfaces. Because #7bdbd2 is light and airy, it functions best as a supporting accent rather than a full-page background, where it can appear washed out. Pair it with deep charcoal or slate gray to anchor its luminosity. The hex code for this crisp color is #7bdbd2, which offers excellent readability with black text.
Questions about #7bdbd2
What is #7bdbd2 in RGB, HSL and CMYK?
In RGB, #7bdbd2 is rgb(123, 219, 210), in HSL hsl(174, 57%, 67%) and in CMYK 44%, 0%, 4%, 14%.
What colors pair best with #7bdbd2 in a design?
This light teal functions best when grounded by high-contrast neutrals like charcoal or deep slate gray. Because it is highly luminous, pairing it with dark, desaturated tones prevents the design from feeling washed out while maintaining excellent readability.
Is #7bdbd2 suitable for large blocks of text?
While #7bdbd2 is visually appealing as an accent, it is generally too light to be used for body text against white backgrounds. For maximum accessibility, use this color for UI elements like buttons or icons, reserving black or dark gray for readable typography.
Is #7bdbd2 readable on white or black?
#7bdbd2 has a 1.62:1 contrast ratio on white and 12.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.