Preview
#331e2c
Family: Pink
Accessibility on this swatch:
Contrast vs white: 15.41:1 · vs black: 1.36:1
HEX
#331e2c
RGB
rgb(51, 30, 44)
RGBA
rgba(51, 30, 44, 1)
HSL
hsl(320, 26%, 16%)
HSV
hsv(320, 41%, 20%)
LAB
lab(14.48% 12.9 -5.13)
LCH
lch(14.48% 13.88 338.31)
OKLAB
oklab(0.2678 0.0376 -0.0136)
OKLCH
oklch(0.2678 0.04 340.11)
XYZ
xyz(2.28, 1.81, 2.61)
CMYK
cmyk(0%, 41%, 14%, 80%)
CSS
color: #331e2c;
CSS variable
--color-331e2c: #331e2c;
SCSS
$color-331e2c: #331e2c;
Tailwind
pink-800
Export
:root {
--#331e2c-1: #331e2c;
}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.