UI Design Token: Red
#EF4444 Color Code
#EF4444 is a curated red tone (Destructive Actions, Errors & Alert Badges). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#EF4444
Red
RGB: 239, 68, 68
HEX
#EF4444
RGB
rgb(239, 68, 68)
HSL
hsl(0, 84%, 60%)
Complementary
#43EFEF
50 â 950 Tailwind Shades Scale for #EF4444
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
3.76: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-red: #EF4444;
--color-red-rgb: 239, 68, 68;
--color-red-hsl: 0deg 84% 60%;
--color-red-comp: #43EFEF;
}