What color is #008080?

#008080 is a dark, vivid cyan — rgb(0, 128, 128). It is exactly the CSS named color teal.

How do I make tints and shades of #008080?

Mix #008080 with white for tints and with black for shades. A 20% tint of #008080 is #339999 and a 20% shade is #006666; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #008080?

White text gives the strongest contrast on a #008080 background at 4.77:1, which passes WCAG AA for normal text but not AAA.

#008080 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#008080

#008080 is a dark, vivid cyan. It is exactly the CSS named color teal. For readable text on a #008080 background, white text gives the strongest contrast (4.77:1). Because it is dark, #008080 suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.

Want to fine-tune this color interactively? Open #008080 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#008080`
RGB	`rgb(0, 128, 128)`
HSL	`hsl(180, 100%, 25%)`
HSV / HSB	`180°, 100%, 50%`
Nearest named	`teal` (`#008080`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #008080 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #1a8d8d
20% tint #339999
30% tint #4da6a6
40% tint #66b3b3
50% tint #80c0c0
60% tint #99cccc
70% tint #b3d9d9
80% tint #cce6e6
90% tint #e6f2f2

Shades of #008080 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #007373
20% shade #006666
30% shade #005a5a
40% shade #004d4d
50% shade #004040
60% shade #003333
70% shade #002626
80% shade #001a1a
90% shade #000d0d

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #008080 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 4.77:1 — AA normal: Pass · AA large: Pass · AAA: Fail
	Black text 4.40:1 — AA normal: Fail · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #008080 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More cyan colors in the library: #047857 (emerald-700), #0F766E (teal-700), #164E63 (cyan-900), #155E75 (cyan-800), #115E59 (teal-800), #065F46 (emerald-800).

Frequently Asked Questions

What color is #008080?

#008080 is a dark, vivid cyan — rgb(0, 128, 128). It is exactly the CSS named color teal.
How do I make tints and shades of #008080?

Mix #008080 with white for tints and with black for shades. A 20% tint of #008080 is #339999 and a 20% shade is #006666 — the full 10%–90% ramps are precomputed on this page, or open #008080 in the generator for finer steps.
What text color is readable on #008080?

White text gives the strongest contrast on a #008080 background at 4.77:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #008080? Put it on a free link-in-bio page →