Preview
#ff0066
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.86:1 · vs black: 5.44:1
HEX
#ff0066
RGB
rgb(255, 0, 102)
RGBA
rgba(255, 0, 102, 1)
HSL
hsl(336, 100%, 50%)
HSV
hsv(336, 100%, 100%)
LAB
lab(54.27% 82.87 18.88)
LCH
lch(54.27% 84.99 12.83)
OKLAB
oklab(0.6388 0.2511 0.0466)
OKLCH
oklch(0.6388 0.2554 10.51)
XYZ
xyz(43.64, 22.23, 14.56)
CMYK
cmyk(0%, 100%, 60%, 0%)
CSS
color: #ff0066;
CSS variable
--color-ff0066: #ff0066;
SCSS
$color-ff0066: #ff0066;
Tailwind
pink-500
Export
:root {
--web-safe-#ff0066-1: #ff0066;
}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.