Teal Color Codes

Teal is a dark blue-green, named after the colored eye stripe of the teal duck. Its family runs from deep teal blue and midnight green to bright turquoise, aquamarine and pure cyan. This page lists 29 of them — the 12 CSS named blue-greens such as teal, darkcyan, lightseagreen, turquoise and aquamarine, plus teal blue, Tiffany Blue, Caribbean current, Skobeloff, myrtle green and verdigris — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades.

How to use this tool

1. Choose a shade from the list.
2. Copy its HEX, RGB, HSL or CMYK code.
3. Use the tints and shades table for lighter and darker versions.
4. Compare all shades in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′).

Example

CSS teal is #008080 = rgb(0, 128, 128), hsl(180, 100%, 25.1%) — cyan at half strength. Its complement is exactly CSS maroon #800000. Tiffany Blue #81D8D0 is much lighter: CMYK 40.3%, 0%, 3.7%, 15.3% with the simple formula (Tiffany & Co. specifies its own custom Pantone ink for print).

Teal, turquoise and cyan

Cyan (#00FFFF) is the pure, full-strength blue-green of screens and printing inks. Teal (#008080) is the same hue at half brightness — dark and muted. Turquoise (#40E0D0) is lighter and leans slightly toward green, named after the gemstone. Aquamarine (#7FFFD4) is paler and greener still. So: same family, but cyan is the brightest, teal the darkest, and turquoise the gem-like middle.