UI Design Token: Teal Dark
#0F766E Color Code
#0F766E is a curated teal dark tone (Accessible Teal Headers & Section Tints). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#0F766E
Teal Dark
RGB: 15, 118, 110
HEX
#0F766E
RGB
rgb(15, 118, 110)
HSL
hsl(175, 77%, 26%)
Complementary
#750F18
50 â 950 Tailwind Shades Scale for #0F766E
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
5.47:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
3.26:1
WCAG AA: Large Text Only (3:1)
CSS Variables & Design Token Export
:root {
--color-teal dark: #0F766E;
--color-teal dark-rgb: 15, 118, 110;
--color-teal dark-hsl: 175deg 77% 26%;
--color-teal dark-comp: #750F18;
}