Recolorify
Sign inStart free →
DESIGN6 min read· Jun 22, 2026

The Ultimate Guide to Teal Color Codes, Hex Codes, and Shades of Teal

Teal is the color of calm confidence and modern tech — a blue-green that feels fresh, trustworthy, and distinctive, which is why so many SaaS and wellness brands lean on it. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of teal, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Teal Color Codes, Hex Codes, and Shades of Teal

The core teals and their codes

  • Pure teal — #008080 · RGB(0, 128, 128) · HSL(180°, 100%, 25%) — the classic web teal.
  • Dark teal — #014D4E · RGB(1, 77, 78) · a deep, authoritative blue-green.
  • Aqua / cyan — #00FFFF · RGB(0, 255, 255) · a bright, electric teal-cyan.
  • Light sea green — #20B2AA · RGB(32, 178, 170) · a fresh, lively teal for accents.
  • Teal blue — #367588 · RGB(54, 117, 136) · a muted, sophisticated blue-leaning teal.
  • Turquoise-teal — #40E0D0 · RGB(64, 224, 208) · a vivid, tropical blue-green.

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. When you recolor a navy product to teal with a flat RGB swap, you flatten the folds and shadows along with the hue — and the result looks fake.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact teal hex while every shadow and texture detail of the original survives.

Matching brand teals across assets

Teal sits right between blue and green, so it drifts toward either neighbor through compression and edits — defining it precisely keeps your brand from sliding into "just blue" or "just green." Define each brand teal once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact teal hex and recolor a logo, product photo, or garment to match it precisely, keeping texture intact. See also our guides to blue color codes and turquoise color codes.