Preview
#b4009e
Family: Pink
Accessibility on this swatch:
Contrast vs white: 6.11:1 · vs black: 3.43:1
HEX
#b4009e
RGB
rgb(180, 0, 158)
RGBA
rgba(180, 0, 158, 1)
HSL
hsl(307, 100%, 35%)
HSV
hsv(307, 100%, 71%)
LAB
lab(41.49% 72.53 -35.73)
LCH
lch(41.49% 80.85 333.77)
OKLAB
oklab(0.5272 0.2127 -0.098)
OKLCH
oklch(0.5272 0.2342 335.26)
XYZ
xyz(24.99, 12.17, 33.37)
CMYK
cmyk(0%, 100%, 12%, 29%)
CSS
color: #b4009e;
CSS variable
--color-b4009e: #b4009e;
SCSS
$color-b4009e: #b4009e;
Tailwind
fuchsia-600
Export
:root {
--fluent-magenta-1: #b4009e;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.