Teal
#008080
Teal (#008080) is a dark, vivid teal colour, cool. In RGB it is 0 red, 128 green and 128 blue; in HSL its hue is 180°, its saturation 100% and its lightness 25%. For print, its CMYK mix is 100% cyan, 0% magenta, 0% yellow and 50% black, though printed colours vary with paper and ink.
Teal sits between green and blue, mixing calm with freshness. It is popular with health, tech and travel brands that want to feel modern without being cold.
Text on teal
White text on teal has a contrast ratio of 4.77:1 and passes AA; black text has 4.40:1 and passes AA for large text only. White text is the better choice on it. Check other pairs in the contrast checker.
White text · 4.77:1
Black text · 4.40:1
Tints and shades of teal
Colour palettes with teal
Brands with a teal logo
Brand colours close to #008080, from our Brand Colour Index.
Colours similar to teal
Use teal in CSS
.button {
background-color: #008080;
color: #FFFFFF;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of teal.