UI Design Token: Emerald
#10B981 Color Code
#10B981 is a curated emerald tone (Success, Positive Growth & Fintech Accents). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#10B981
Emerald
RGB: 16, 185, 129
HEX
#10B981
RGB
rgb(16, 185, 129)
HSL
hsl(160, 84%, 39%)
Complementary
#B71048
50 â 950 Tailwind Shades Scale for #10B981
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.54:1
WCAG AA: Fail
On Slate Dark (#0F172A)
7.04:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-emerald: #10B981;
--color-emerald-rgb: 16, 185, 129;
--color-emerald-hsl: 160deg 84% 39%;
--color-emerald-comp: #B71048;
}