#F8FAFA
#D8E2E1
#0F766E
#1C2B2A
#0F766E · Pine
Click to copy#0F766E is a dark, highly saturated teal color, closest to Pine and near Pine and Teal. In OKLCH it has 51% lightness and 0.09 chroma at hue 186°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #0F766E a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#0F766ERGB
rgb(15, 118, 110)HSL
hsl(175, 77%, 26%)CMYK
87, 0, 7, 54CSS var
--pineContrast
5.47:1 white · 3.84:1 blackSimilar named colors
How to use #0F766E
White text passes WCAG AA on #0F766E (5.47:1); black does not, so keep dark text off it.
For a calm scheme pair #0F766E with its analogous neighbors #0F753A and #0F4B75; for contrast use its complement #750F18 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--pine: #0F766E;
$pine: #0F766E;
colors: { 'pine': '#0F766E' }