Teal

Teal is the professional's blue-green: trustworthy like blue, alive like green. It dominates SaaS and healthcare for a reason — calm competence in a single hue.

SaaS brandshealthcaredashboards

Values in every format

HEX: #008080
RGB: rgb(0, 128, 128)
HSL: hsl(180, 100%, 25%)
OKLCH: oklch(0.543 0.093 194.8)
CMYK: cmyk(100%, 0%, 0%, 49.8%)

Hue family: Blue · closest CSS name: teal. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #008080 itself.

50#e2fefe
100#ccf7f6
200#b1eceb
300#91dcdb
400#6cc4c3
500#47abab
600#1f9393
700 ★#008080
800#005f5f
900#004848
950#002d2d

Build a full system from #008080

Harmonies with teal

Complementary

Maximum contrast — use one side for action, the other sparingly.

#008080 #800000

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#008040 #008080 #004080

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#008080 #800080 #808000

Measured contrast

on white4.77:1 · AA normal ✓

on black4.4:1 · AA large only

Check your own pairs