Preview
#ffebee
Family: Red
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.37:1
HEX
#ffebee
RGB
rgb(255, 235, 238)
RGBA
rgba(255, 235, 238, 1)
HSL
hsl(351, 100%, 96%)
HSV
hsv(351, 8%, 100%)
LAB
lab(94.67% 7.27 1)
LCH
lch(94.67% 7.34 7.83)
OKLAB
oklab(0.9568 0.0219 0.0028)
OKLCH
oklch(0.9568 0.0221 7.29)
XYZ
xyz(86.38, 86.85, 93.09)
CMYK
cmyk(0%, 8%, 7%, 0%)
CSS
color: #ffebee;
CSS variable
--color-ffebee: #ffebee;
SCSS
$color-ffebee: #ffebee;
Tailwind
rose-50
Export
:root {
--material-red-50-1: #ffebee;
}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.