UI Design Token: Emerald Dark
#047857 Color Code
#047857 is a curated emerald dark tone (Investment Charts & High-Contrast Green Text). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#047857
Emerald Dark
RGB: 4, 120, 87
HEX
#047857
RGB
rgb(4, 120, 87)
HSL
hsl(163, 94%, 24%)
Complementary
#770424
50 â 950 Tailwind Shades Scale for #047857
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
5.48: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-emerald dark: #047857;
--color-emerald dark-rgb: 4, 120, 87;
--color-emerald dark-hsl: 163deg 94% 24%;
--color-emerald dark-comp: #770424;
}