Preview
#ffb6c1
Family: Red
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.71:1
HEX
#ffb6c1
RGB
rgb(255, 182, 193)
RGBA
rgba(255, 182, 193, 1)
HSL
hsl(351, 100%, 86%)
HSV
hsv(351, 29%, 100%)
LAB
lab(81.05% 27.96 5.04)
LCH
lch(81.05% 28.41 10.22)
OKLAB
oklab(0.8474 0.0847 0.0135)
OKLCH
oklch(0.8474 0.0858 9.06)
XYZ
xyz(67.59, 58.57, 58.19)
CMYK
cmyk(0%, 29%, 24%, 0%)
CSS
color: #ffb6c1;
CSS variable
--color-ffb6c1: #ffb6c1;
SCSS
$color-ffb6c1: #ffb6c1;
Tailwind
rose-100
Export
:root {
--lightpink-1: #ffb6c1;
}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.