Teal (#008080)

Teal is rgb(0, 128, 128) in RGB and hsl(180, 100%, 25%) in HSL. White text is most readable on this background.

#008080
HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180, 100%, 25%)
HSVhsv(180, 100%, 50%)
OKLCHoklch(54.3% 0.093 194.8)
CMYKcmyk(100%, 0%, 0%, 50%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a Teal background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.77:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text4.4:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with Teal based on color wheel relationships. Click any swatch for its full breakdown.

Base#008080Complementary#800000Analogous#008040Analogous#004080Triadic#80007FTriadic#7F8000

Tints & Shades

Lighter tints and darker shades of Teal, useful for hover states, backgrounds, and text variants.

Use Teal in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex