Cyan color

Teal #008080

#008080 · rgb(0, 128, 128)

Teal is the color #008080. In RGB it is rgb(0, 128, 128) — 0% red, 50% green and 50% blue. Its CMYK breakdown is 100% cyan, 0% magenta, 0% yellow and 50% black, and in HSL it sits at 180° hue, 100% saturation and 25% lightness. Teal is one of the 140 standard CSS / HTML color names, so color: teal works in CSS. The closest web-safe color is #009999.

Open in color picker Convert Make a palette Check contrast

Teal color codes

Hex#008080

RGBrgb(0, 128, 128)

RGB %0%, 50%, 50%

HSLhsl(180, 100%, 25%)

HSV / HSBhsv(180, 100%, 50%)

CMYKcmyk(100%, 0%, 0%, 50%)

OKLCHoklch(54% 0.093 195)

Closest web-safe#009999

Teal color meaning

Teal is a deep and serious cyan — a cool color at 25% lightness and 100% saturation. Like other cyans, it is linked with freshness, calm and clarity. It recalls water and clear skies, and feels clean, cool and modern.

Because it is deep and serious, teal works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (4.8:1 contrast).

What colors go with Teal?

Teal pairs well with Maroon, Sea Green, Cobalt and Linen: Maroon sits close to its opposite on the color wheel for strong contrast, Sea Green and Cobalt are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around teal in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Teal at a glance

Color family	Cyan · cool, deep and serious
CSS color name	Yes — `teal` works in CSS
As text on white	4.77:1 — passes WCAG AA
Best text on it	White (4.77:1)
For print (CMYK)	100% cyan, 0% magenta, 0% yellow, 50% black
Full screen	Open the teal screen — fill your display or download it in 4K

Contrast

Contrast ratio of Teal against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 4.77:1 Black text — 4.40:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Teal

Teal color FAQ

What is the hex code for Teal?

Teal is #008080, which is rgb(0, 128, 128) and hsl(180, 100%, 25%). For print it is roughly C100 M0 Y0 K50.

What colors go with Teal?

Teal pairs well with Maroon, Sea Green, Cobalt, Linen. Maroon gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Teal a warm or cool color?

Teal is a cool color: its hue is 180°, on the green, blue and violet side of the color wheel.

What text color looks best on Teal?

White text, with a contrast ratio of 4.8:1, which meets WCAG AA for normal text. Teal itself is also readable as text on white (4.8:1).