#1B6F73
#E07A5F
#F2CC8F
#F4F1DE
#1B6F73 · Pine
Click to copy#1B6F73 is a dark, moderately saturated teal color, closest to Pine and near Pine and Storm. In OKLCH it has 50% lightness and 0.08 chroma at hue 200°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #1B6F73 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#1B6F73RGB
rgb(27, 111, 115)HSL
hsl(183, 62%, 28%)CMYK
77, 3, 0, 55CSS var
--pineContrast
5.89:1 white · 3.57:1 blackSimilar named colors
How to use #1B6F73
White text passes WCAG AA on #1B6F73 (5.89:1); black does not, so keep dark text off it.
For a calm scheme pair #1B6F73 with its analogous neighbors #1B744C and #1B4374; for contrast use its complement #74201B as a small accent, and anchor everything with a neutral such as #F5F5F7.
--pine: #1B6F73;
$pine: #1B6F73;
colors: { 'pine': '#1B6F73' }