UI Design Token: Orange
#F97316 Color Code
#F97316 is a curated orange tone (High-Conversion E-Commerce & Attention CTAs). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#F97316
Orange
RGB: 249, 115, 22
HEX
#F97316
RGB
rgb(249, 115, 22)
HSL
hsl(25, 95%, 53%)
Complementary
#159AF9
50 â 950 Tailwind Shades Scale for #F97316
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.8:1
WCAG AA: Fail
On Slate Dark (#0F172A)
6.37:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-orange: #F97316;
--color-orange-rgb: 249, 115, 22;
--color-orange-hsl: 25deg 95% 53%;
--color-orange-comp: #159AF9;
}