Preview
#ef4444
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.76:1 · vs black: 5.58:1
HEX
#ef4444
RGB
rgb(239, 68, 68)
RGBA
rgba(239, 68, 68, 1)
HSL
hsl(0, 84%, 60%)
HSV
hsv(0, 72%, 94%)
LAB
lab(54.98% 64.69 39.13)
LCH
lch(54.98% 75.6 31.17)
OKLAB
oklab(0.6368 0.1879 0.0889)
OKLCH
oklch(0.6368 0.2079 25.32)
XYZ
xyz(38.71, 22.91, 7.85)
CMYK
cmyk(0%, 72%, 72%, 6%)
CSS
color: #ef4444;
CSS variable
--color-ef4444: #ef4444;
SCSS
$color-ef4444: #ef4444;
Tailwind
slate-400
Export
:root {
--tailwind-red-500-1: #ef4444;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.