Preview
#ef9a9a
Family: Red
Accessibility on this swatch:
Contrast vs white: 2.15:1 · vs black: 9.76:1
HEX
#ef9a9a
RGB
rgb(239, 154, 154)
RGBA
rgba(239, 154, 154, 1)
HSL
hsl(0, 73%, 77%)
HSV
hsv(0, 36%, 94%)
LAB
lab(72.09% 31.79 13.3)
LCH
lch(72.09% 34.46 22.7)
OKLAB
oklab(0.7716 0.0964 0.0345)
OKLCH
oklch(0.7716 0.1024 19.69)
XYZ
xyz(52.99, 43.80, 36.23)
CMYK
cmyk(0%, 36%, 36%, 6%)
CSS
color: #ef9a9a;
CSS variable
--color-ef9a9a: #ef9a9a;
SCSS
$color-ef9a9a: #ef9a9a;
Tailwind
slate-200
Export
:root {
--material-red-200-1: #ef9a9a;
}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.