Teal #008080

Teal, hex code #008080, is a medium-dark blue-green made from equal parts green and blue with no red. It is well saturated and cool, deeper than turquoise. Named after a small duck with blue-green markings, it suggests calm water, 1990s style, and steady professionalism.

#008080 is the CSS keyword teal. CSS also has darkcyan (#008B8B), which is very close, and many brands use lighter or greener teals.

Teal color codes
HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180, 100%, 25%)
HSVhsv(180, 100%, 50%)
CMYKcmyk(100%, 0%, 0%, 50%)

Text on Teal

White text reads better on Teal. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

4.77:1 · AA
Black text

The quick brown fox jumps over the lazy dog.

4.39:1 · AA large

Colors that go with Teal

Teal tints and shades

Tints mix Teal with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#269393
#4DA6A6
#73B9B9
#99CCCC
#BFDFDF

Shades

#006D6D
#005A5A
#004646
#003333
#002020

Teal color schemes

Color-wheel harmonies built by rotating the hue of #008080 and keeping its saturation and lightness.

Complementary

#008080
#800000

Analogous

#008040
#008080
#004080

Triadic

#008080
#800080
#808000

Split complementary

#008080
#800040
#804000

Tetradic

#008080
#400080
#800000
#408000

Teal color meaning

Teal is named after the Eurasian teal, a small duck whose male has a blue-green patch around the eye. The color sits between blue's calm and green's freshness, which gives it a balanced, steady feel. Teal is also one of the 16 original HTML color names.

It's also a color with eras. Teal defined a lot of early 1990s style, from sportswear to cars to team logos, and it shows up in mid-century interiors too. Today it's common on websites and in homes as a color that feels bold but still calm. Mid-century teal often appeared alongside mustard and orange.

Teal ribbons are used for ovarian cancer awareness, so the color also appears in health and charity campaigns. In general people read teal as clear and trustworthy.

How to use Teal in design

Teal is versatile for tech, healthcare, finance, travel, and creative brands. White text reads well on it, so it works for buttons, headers, and banners. On white backgrounds it's dark enough for links and headings. It pairs well with coral and orange, which sit near its opposite on the color wheel, and with mustard, cream, and gray for a softer palette. In interiors, teal velvet sofas, kitchen cabinets, and tiles work well with brass and warm wood. In social graphics, teal backgrounds make white headlines easy to read.

Palettes with Teal tones

Curated palettes with a color close to #008080.

Colors similar to Teal

Work with Teal

Teal FAQ

What is the difference between teal and turquoise?

Turquoise is much lighter and brighter, like tropical water or the gemstone. Teal is darker and more muted, an even mix of green and blue at medium depth. Turquoise feels playful and summery, and teal feels more grown-up and steady, which is why it's more common in corporate branding.

What colors go with teal?

Coral, burnt orange, and mustard give teal warm contrast. Cream, white, and gray keep it calm and clean. Navy and deep green build a cool, tonal palette. In interiors, brass, gold, and warm wood make teal look rich, and blush pink gives it a softer, modern edge.