#0C7489 · near Teal

#0C7489 (RGB 12, 116, 137) is a dark, moderately saturated teal, closest to Teal and near Cerulean and Pine. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #0C7489 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette. In OKLCH it has 52% lightness and 0.09 chroma at hue 217°.

Color codes click to copy

HEX#0C7489

RGBrgb(12, 116, 137)

HSLhsl(190, 84%, 29%)

CMYK91, 15, 0, 46

CSS var--teal

Contrast5.42:1 white · 3.88:1 black

Similar named colors

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

How to use #0C7489

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

For a calm scheme pair #0C7489 with its analogous neighbors #0C885F and #0C3588; for contrast use its complement #88210C as a small accent, and anchor everything with a neutral such as #F5F5F7.

CSSSCSSTailwind

--teal: #0C7489;

Copy code

Color card

Shades & tints

#02171B#052E37#074652#0A5D6E#0C7489#3D90A1#6DACB8#9EC7D0#CEE3E7

Color harmonies for #0C7489

Complementary

#0C7489#88210C

Analogous

#0C7489#0C885F#0C3588

Triadic

#0C7489#880C73#73880C

Split complementary

#0C7489#880C35#885F0C

Tetradic

#0C7489#5F0C88#88210C#35880C