Preview
#f08080
Family: Red
Accessibility on this swatch:
Contrast vs white: 2.59:1 · vs black: 8.1:1
HEX
#f08080
RGB
rgb(240, 128, 128)
RGBA
rgba(240, 128, 128, 1)
HSL
hsl(0, 79%, 72%)
HSV
hsv(0, 47%, 94%)
LAB
lab(66.16% 42.81 19.56)
LCH
lch(66.16% 47.07 24.56)
OKLAB
oklab(0.7246 0.1286 0.0494)
OKLCH
oklch(0.7246 0.1378 21.01)
XYZ
xyz(47.55, 35.53, 24.77)
CMYK
cmyk(0%, 47%, 47%, 6%)
CSS
color: #f08080;
CSS variable
--color-f08080: #f08080;
SCSS
$color-f08080: #f08080;
Tailwind
slate-200
Export
:root {
--lightcoral-1: #f08080;
}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.