#2A7F7A · Teal

Click to copy

#2A7F7A is a medium, moderately saturated teal color, closest to Teal and near Teal and Pine. In OKLCH it has 55% lightness and 0.08 chroma at hue 190°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #2A7F7A a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette.

Color codes click to copy

HEX#2A7F7A
RGBrgb(42, 127, 122)
HSLhsl(176, 50%, 33%)
CMYK67, 0, 4, 50
CSS var--teal
Contrast4.76:1 white · 4.42:1 black

Similar named colors

Teal #008080Pine #01796FSlate Gray #5D6D7EStorm #4F666ACerulean #007BA7

How to use #2A7F7A

White text passes WCAG AA on #2A7F7A (4.76:1); black does not, so keep dark text off it.

For a calm scheme pair #2A7F7A with its analogous neighbors #2A7E4F and #2A5A7E; for contrast use its complement #7E2A30 as a small accent, and anchor everything with a neutral such as #F5F5F7.

--teal: #2A7F7A;

Shades & tints

#081918#113331#194C49#226662#2A7F7A#559995#7FB2AF#AACCCA#D4E5E4

Color harmonies for #2A7F7A

Complementary

#2A7F7A#7E2A30

Analogous

#2A7F7A#2A7E4F#2A5A7E

Triadic

#2A7F7A#792A7E#7E792A

Split complementary

#2A7F7A#7E2A5A#7E4F2A

Tetradic

#2A7F7A#4F2A7E#7E2A30#5A7E2A

Palettes with #2A7F7A