#1F7A8C · Teal

Click to copy

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

Color codes click to copy

HEX#1F7A8C
RGBrgb(31, 122, 140)
HSLhsl(190, 64%, 34%)
CMYK78, 13, 0, 45
CSS var--teal
Contrast4.98:1 white · 4.22:1 black

Similar named colors

Teal #008080Cerulean #007BA7Pine #01796FSlate Gray #5D6D7EStorm #4F666A

How to use #1F7A8C

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

For a calm scheme pair #1F7A8C with its analogous neighbors #1F8E69 and #1F448E; for contrast use its complement #8E321F as a small accent, and anchor everything with a neutral such as #F5F5F7.

--teal: #1F7A8C;

Shades & tints

#06181C#0C3138#134954#196270#1F7A8C#4C95A3#79AFBA#A5CAD1#D2E4E8

Color harmonies for #1F7A8C

Complementary

#1F7A8C#8E321F

Analogous

#1F7A8C#1F8E69#1F448E

Triadic

#1F7A8C#8E1F7C#7C8E1F

Split complementary

#1F7A8C#8E1F44#8E691F

Tetradic

#1F7A8C#691F8E#8E321F#448E1F

Palettes with #1F7A8C