UI Design Token: Amber
#F59E0B Color Code
#F59E0B is a curated amber tone (Warning Notifications & High-Attention Badges). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#F59E0B
Amber
RGB: 245, 158, 11
HEX
#F59E0B
RGB
rgb(245, 158, 11)
HSL
hsl(38, 92%, 50%)
Complementary
#0A60F5
50 â 950 Tailwind Shades Scale for #F59E0B
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.15:1
WCAG AA: Fail
On Slate Dark (#0F172A)
8.31:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-amber: #F59E0B;
--color-amber-rgb: 245, 158, 11;
--color-amber-hsl: 38deg 92% 50%;
--color-amber-comp: #0A60F5;
}