Preview
#ef5350
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.49:1 · vs black: 6.02:1
HEX
#ef5350
RGB
rgb(239, 83, 80)
RGBA
rgba(239, 83, 80, 1)
HSL
hsl(1, 83%, 63%)
HSV
hsv(1, 67%, 94%)
LAB
lab(57.19% 59.65 35)
LCH
lch(57.19% 69.16 30.4)
OKLAB
oklab(0.6539 0.1743 0.0818)
OKLCH
oklch(0.6539 0.1925 25.14)
XYZ
xyz(40.14, 25.12, 10.32)
CMYK
cmyk(0%, 65%, 67%, 6%)
CSS
color: #ef5350;
CSS variable
--color-ef5350: #ef5350;
SCSS
$color-ef5350: #ef5350;
Tailwind
slate-300
Export
:root {
--material-red-400-1: #ef5350;
}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.