Teal
Teal (#008080) is a medium, moderately saturated teal with a cool feel. It has a hue angle of 180° and a lightness of 54%. Its moderate saturation keeps it lively without shouting.
About this color
What Teal looks like, feels like and where it works.
Description
Teal (#008080) is a medium, moderately saturated teal with a cool feel. It has a hue angle of 180° and a lightness of 54%. Its moderate saturation keeps it lively without shouting.
Psychology
Teal and cyan sit between the calm of blue and the freshness of green. They feel clean, modern and trustworthy, with a little more personality than plain blue. As a mid-toned shade, Teal sits comfortably in the middle: present but not heavy.
Meaning
These colors suggest water, clarity and renewal. Turquoise has long been a protective, lucky stone in many cultures.
Why use this color
Teal is an easy supporting color. It carries white text well, so it works as a button, header or badge background. Pair it with its tints and shades for a complete scale.
Applications
- Healthcare and SaaS products
- Travel and coastal brands
- Dashboards and data tools
- Calm, modern interfaces
History
Turquoise is named for the stone that reached Europe through Turkey. Teal, named after the duck, first appears as a color name in 1917.
Accessibility
White text on Teal has a contrast ratio of 4.77:1 (AA); black text has 4.39:1 (fails for body text). WCAG AA needs 4.5:1 for body text and 3:1 for large text and interface parts. Do not rely on color alone to carry meaning: pair it with text, an icon or a pattern.
Variations of Teal
Tailwind-style scale
Color harmonies of Teal
Want to explore these on a wheel? Open the color wheel.
Color blindness simulator
These are approximations to help you check that meaning never depends on color alone. Real vision varies from person to person.