Preview
#542f45
Family: Pink
Accessibility on this swatch:
Contrast vs white: 11.23:1 · vs black: 1.87:1
HEX
#542f45
RGB
rgb(84, 47, 69)
RGBA
rgba(84, 47, 69, 1)
HSL
hsl(324, 28%, 26%)
HSV
hsv(324, 44%, 33%)
LAB
lab(24.79% 20.43 -6.47)
LCH
lch(24.79% 21.43 342.43)
OKLAB
oklab(0.3597 0.0604 -0.0171)
OKLCH
oklch(0.3597 0.0628 344.19)
XYZ
xyz(5.75, 4.35, 6.17)
CMYK
cmyk(0%, 44%, 18%, 67%)
CSS
color: #542f45;
CSS variable
--color-542f45: #542f45;
SCSS
$color-542f45: #542f45;
Tailwind
pink-700
Export
:root {
--#542f45-1: #542f45;
}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.