Preview
#e53935
Family: Red
Accessibility on this swatch:
Contrast vs white: 4.23:1 · vs black: 4.97:1
HEX
#e53935
RGB
rgb(229, 57, 53)
RGBA
rgba(229, 57, 53, 1)
HSL
hsl(1, 77%, 55%)
HSV
hsv(1, 77%, 90%)
LAB
lab(51.66% 64.75 43.24)
LCH
lch(51.66% 77.86 33.73)
OKLAB
oklab(0.6083 0.1862 0.095)
OKLCH
oklch(0.6083 0.209 27.03)
XYZ
xyz(34.42, 19.85, 5.39)
CMYK
cmyk(0%, 75%, 77%, 10%)
CSS
color: #e53935;
CSS variable
--color-e53935: #e53935;
SCSS
$color-e53935: #e53935;
Tailwind
slate-400
Export
:root {
--material-red-600-1: #e53935;
}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.