Preview
#572855
Family: Pink
Accessibility on this swatch:
Contrast vs white: 11.41:1 · vs black: 1.84:1
HEX
#572855
RGB
rgb(87, 40, 85)
RGBA
rgba(87, 40, 85, 1)
HSL
hsl(303, 37%, 25%)
HSV
hsv(303, 54%, 34%)
LAB
lab(24.32% 28.86 -17.83)
LCH
lch(24.32% 33.92 328.29)
OKLAB
oklab(0.3595 0.081 -0.0488)
OKLCH
oklch(0.3595 0.0946 328.93)
XYZ
xyz(6.33, 4.20, 9.07)
CMYK
cmyk(0%, 54%, 2%, 66%)
CSS
color: #572855;
CSS variable
--color-572855: #572855;
SCSS
$color-572855: #572855;
Tailwind
fuchsia-700
Export
:root {
--#572855-1: #572855;
}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.