Colormapped
Color reference

Teal #008080

Teal is the standard CSS named color #008080, combining equal green and blue channels at half intensity.

Teal is the CSS named color keyword teal, standardized at #008080 in sRGB.

Teal #008080 4.77:1 with white text

Color values

HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180 100% 25%)
HSV180°, 100%, 50%
CMYK100%, 0%, 0%, 50%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 4.40:1 — AA normal text fails
White text 4.77:1 — AA normal text passes

AA normal text: black fails; white passes.

AA large text: black passes; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Teal

These steps are computed by RGB-mixing #008080 toward white or black. They are generated values, not official named colors.

80% tint #CCE6E6
60% tint #99CCCC
40% tint #66B3B3
20% tint #339999
Base #008080
20% shade #006666
40% shade #004D4D
60% shade #003333
80% shade #001A1A

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #FFFFFF;
  background-color: teal;
}

You can use either teal or #008080 in CSS; both resolve to the same sRGB color.