UI Design Token: Orange Deep
#EA580C Color Code
#EA580C is a curated orange deep tone (High-Urgency Buttons & Cart Badges). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#EA580C
Orange Deep
RGB: 234, 88, 12
HEX
#EA580C
RGB
rgb(234, 88, 12)
HSL
hsl(21, 90%, 48%)
Complementary
#0C9BE9
50 â 950 Tailwind Shades Scale for #EA580C
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
3.56:1
WCAG AA: Large Text Only (3:1)
On Slate Dark (#0F172A)
5.02:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-orange deep: #EA580C;
--color-orange deep-rgb: 234, 88, 12;
--color-orange deep-hsl: 21deg 90% 48%;
--color-orange deep-comp: #0C9BE9;
}