UI Design Token: Teal
#14B8A6 Color Code
#14B8A6 is a curated teal tone (Healthcare, Productivity & Data Visualizations). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#14B8A6
Teal
RGB: 20, 184, 166
HEX
#14B8A6
RGB
rgb(20, 184, 166)
HSL
hsl(173, 80%, 40%)
Complementary
#B81427
50 â 950 Tailwind Shades Scale for #14B8A6
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.49:1
WCAG AA: Fail
On Slate Dark (#0F172A)
7.17:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-teal: #14B8A6;
--color-teal-rgb: 20, 184, 166;
--color-teal-hsl: 173deg 80% 40%;
--color-teal-comp: #B81427;
}