Teal Blue

Teal Blue is a deep, saturated shade that sits between blue and green, though it carries a stronger blue influence. It has a cool temperature with subtle green undertones that give it a distinct aquatic quality.

Visually, #007782 is a darker variation of cyan. It's less vibrant than pure teal, presenting a more subdued and sophisticated appearance that avoids the brightness of its parent colors.

Teal Blue merges the tranquil stability of blue with the optimistic renewal of green, creating a sense of calm and rejuvenation.

It symbolizes clarity of thought and open communication, offering a sophisticated yet approachable feeling.

The richness of Teal Blue makes it an excellent choice for primary actions and accents. To give it room to breathe, pair #007782 with ample white space and soft grays for a clean, focused layout. For a more vibrant composition, consider adding small touches of a warm, contrasting color like coral or a muted gold.

While not ubiquitous, shades in the Teal Blue family are used to great effect by brands like Vinted, Trulia, Perplexity, and Lyssna. This suggests it's a color choice that can help a product feel both distinct and trustworthy, avoiding the fatigue of more common digital blues.

Use the tools below to explore curated palettes, test your color contrast for accessibility, and preview Teal Blue in real UI components from leading brands.

To apply Teal Blue with precision, always begin with its hex code, #007782. This ensures color accuracy across digital platforms, but keep in mind that its appearance can shift depending on the color space you are working in—whether for screen or print.

Your design tools can convert this hex code into other formats. For digital displays, you will use RGB (Red, Green, Blue) values that dictate the light on a screen. For physical media, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent for ink-based printing. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive method for making color adjustments.

We have converted #007782 into a range of popular formats below. Simply find the code you need and copy it for your project.