Preview
#4b314b
Family: Pink
Accessibility on this swatch:
Contrast vs white: 11.41:1 · vs black: 1.84:1
HEX
#4b314b
RGB
rgb(75, 49, 75)
RGBA
rgba(75, 49, 75, 1)
HSL
hsl(300, 21%, 24%)
HSV
hsv(300, 35%, 29%)
LAB
lab(24.32% 16.85 -11.31)
LCH
lch(24.32% 20.29 326.13)
OKLAB
oklab(0.3543 0.0466 -0.0306)
OKLCH
oklch(0.3543 0.0557 326.71)
XYZ
xyz(5.27, 4.20, 7.19)
CMYK
cmyk(0%, 35%, 0%, 71%)
CSS
color: #4b314b;
CSS variable
--color-4b314b: #4b314b;
SCSS
$color-4b314b: #4b314b;
Tailwind
fuchsia-700
Export
:root {
--#4b314b-1: #4b314b;
}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.