Teal

teal is a CSS color keyword. The closest Tailwind step is teal-700 (#0f766e).

#008080rgb(0, 128, 128)
Hex
#008080
RGB
0, 128, 128
HSL
180°, 100%, 25%
OKLCH
54.3% 0.093 194.8
LAB
48.3 -28.8 -8.5

Open #008080 in the explorer

Text contrast

Black or white text on #008080. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text4.4:1 FailAPCA Lc 34
White text4.8:1 AAAPCA Lc -75

Color vision

How #008080 looks in simulations of color blindness, at full severity.

Full color
#008080
Protanopia
#777980
Deuteranopia
#676e81
Tritanopia
#008580

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to teal.

50100200300400500600700800900950

Copy into CSS

color: teal;
background: #008080;
@theme {
  --color-teal-50: #d4fffe;
  --color-teal-100: #9afcfb;
  --color-teal-200: #82e4e3;
  --color-teal-300: #64c7c6;
  --color-teal-400: #45aaaa;
  --color-teal-500: #1c8b8b;
  --color-teal-600: #006f6f;
  --color-teal-700: #005656;
  --color-teal-800: #003e3e;
  --color-teal-900: #002828;
  --color-teal-950: #001111;
}