UI Design Token: Emerald Deep
#059669 Color Code
#059669 is a curated emerald deep tone (Accessible Success Badges & Yield CTAs). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#059669
Emerald Deep
RGB: 5, 150, 105
HEX
#059669
RGB
rgb(5, 150, 105)
HSL
hsl(161, 94%, 30%)
Complementary
#940532
50 â 950 Tailwind Shades Scale for #059669
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
3.77:1
WCAG AA: Large Text Only (3:1)
On Slate Dark (#0F172A)
4.74:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-emerald deep: #059669;
--color-emerald deep-rgb: 5, 150, 105;
--color-emerald deep-hsl: 161deg 94% 30%;
--color-emerald deep-comp: #940532;
}