#008080 · Teal
Click to copy#008080 is a dark, highly saturated teal color, closest to Teal and near Pine and Cerulean. In OKLCH it has 54% lightness and 0.09 chroma at hue 195°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #008080 a natural choice for healthcare, SaaS dashboards and coastal brands.
Color codes click to copy
HEX
#008080RGB
rgb(0, 128, 128)HSL
hsl(180, 100%, 25%)CMYK
100, 0, 0, 50CSS var
--tealContrast
4.77:1 white · 4.4:1 blackSimilar named colors
How to use #008080
White text passes WCAG AA on #008080 (4.77:1); black does not, so keep dark text off it.
For a calm scheme pair #008080 with its analogous neighbors #008040 and #004080; for contrast use its complement #800000 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--teal: #008080;
$teal: #008080;
colors: { 'teal': '#008080' }