Teal color

Named after the teal duck and the colored patch on its wings. It's a medium, understated blue-green. It's common in tech and healthcare brands and modern interiors.

Also known as: teal blue.

Teal · #008080

About teal

Teal (#008080) is a cool, dark, highly saturated color. It belongs to the turquoises family. It mixes 0 red, 128 green and 128 blue (out of 255). It is mostly used in web, branding, home decor.

Teal shades and tints

From lightest to darkest. Tap a shade to copy its code.

Teal color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Maroon

AnalogousClose to: Jade green, Ultra violet

TriadicClose to: Purple, Olive green

Split complementaryClose to: Burgundy, Chocolate brown

TetradicClose to: Indigo, Maroon, Green

Teal color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Teal

Analogous palette · Teal

Complementary palette · Teal

Triadic palette · Teal

With neutrals palette · Teal

With an accent palette · Teal

Teal contrast with text

White textContrast 4.8:1 · AA

Black textContrast 4.4:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --teal: #008080;
  --teal-rgb: 0, 128, 128;
}
.bg { background-color: var(--teal); }
.text { color: var(--teal); }

Colors similar to teal

Pine green Dark teal Bottle green Tiffany blue Mexican flag green Slate gray Petrol blue Steel gray Cerulean Lead gray

Themed palettes with this color

More turquoises

Turquoise Aquamarine Cyan Seafoam green Petrol blue Dark teal Dark turquoise Pastel turquoise Tiffany blue

Frequently asked questions

What is the hex code for teal?

The hex code for teal is #008080. In RGB it is rgb(0, 128, 128), in HSL hsl(180, 100%, 25%) and in CMYK 100, 0, 0, 50.

What is the complementary color of teal?

Its complement on the color wheel is #800000, close to maroon. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on teal?

Yes. The contrast with white is 4.8:1, enough for body text (WCAG AA).