Shades of Teal

Explore the most common shades of teal with their hex codes. Find the perfect teal for your next design project.

From the deepest, most saturated tones to the lightest pastels, teal appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of teal, each with a precise hex code you can copy directly into your design tool.

Looking for the right pairing? See colors that go with teal. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.

Featured shade

Teal

Teal is the canonical teal in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.

HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180, 100%, 25%)
OKLCHoklch(54.3% 0.093 195)
CMYKcmyk(100%, 0%, 0%, 50%)

Colors that go with teal

Teal's complement is a warm coral or rust, so any reddish-orange tone creates an instant high-energy combination. For softer pairings, lean on cream, gold, and warm grays.

Need the perfect teal?

Download Colorframe to pick any shade of teal from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.