Preview
#e57373
Family: Red
Accessibility on this swatch:
Contrast vs white: 2.99:1 · vs black: 7.03:1
HEX
#e57373
RGB
rgb(229, 115, 115)
RGBA
rgba(229, 115, 115, 1)
HSL
hsl(0, 69%, 67%)
HSV
hsv(0, 50%, 90%)
LAB
lab(61.79% 44.13 20.72)
LCH
lch(61.79% 48.75 25.15)
OKLAB
oklab(0.6875 0.1321 0.0519)
OKLCH
oklch(0.6875 0.1419 21.45)
XYZ
xyz(41.54, 30.16, 19.85)
CMYK
cmyk(0%, 50%, 50%, 10%)
CSS
color: #e57373;
CSS variable
--color-e57373: #e57373;
SCSS
$color-e57373: #e57373;
Tailwind
slate-300
Export
:root {
--material-red-300-1: #e57373;
}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.