#2A7F7A · near Teal

#2A7F7A (RGB 42, 127, 122) is a medium, moderately saturated teal, closest to Teal and near Pine and Slate Gray. 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. In OKLCH it has 55% lightness and 0.08 chroma at hue 190°.

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.

CSSSCSSTailwind

--teal: #2A7F7A;

Copy code

Color card

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