Teal

Teal (#008080) is a deep cyan with a jewel character. It carries the deep, saturated richness of a gemstone. Authoritative and slightly formal, it works well for type and heavy UI elements. Its HSL profile (180°, 100%, 25%) places it in the highly saturated band at a dark lightness. Best used in small doses, like logos, CTAs, focus rings, or highlight text, where its saturation becomes a feature rather than noise. For a confident two-color system, pair it with its complementary red. For something softer, pull in its analogous neighbors on either side of the wheel. G=B=128, R=0 — the dark-cyan half of the RGB cube. Named after the eurasian teal duck, whose head-feather tone this approximates. One of the 16 HTML 3.2 canonicals.

Harmonies

Related Colors