Preview
#f43f5e
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.67:1 · vs black: 5.72:1
HEX
#f43f5e
RGB
rgb(244, 63, 94)
RGBA
rgba(244, 63, 94, 1)
HSL
hsl(350, 89%, 60%)
HSV
hsv(350, 74%, 96%)
LAB
lab(55.69% 69.13 25.17)
LCH
lch(55.69% 73.57 20.01)
OKLAB
oklab(0.645 0.2066 0.061)
OKLCH
oklch(0.645 0.2154 16.45)
XYZ
xyz(41.11, 23.60, 12.98)
CMYK
cmyk(0%, 74%, 61%, 4%)
CSS
color: #f43f5e;
CSS variable
--color-f43f5e: #f43f5e;
SCSS
$color-f43f5e: #f43f5e;
Tailwind
rose-400
Export
:root {
--tailwind-rose-500-1: #f43f5e;
}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.