Preview
#ba9cb0
HEX
#ba9cb0
RGB
rgb(186, 156, 176)
RGBA
rgba(186, 156, 176, 1)
HSL
hsl(320, 18%, 67%)
HSV
hsv(320, 16%, 73%)
LAB
lab(67.54% 14.53 -6.22)
LCH
lch(67.54% 15.81 336.83)
OKLAB
oklab(0.7257 0.0416 -0.0164)
OKLCH
oklch(0.7257 0.0447 338.48)
XYZ
xyz(39.97, 37.35, 46.17)
CMYK
cmyk(0%, 16%, 5%, 27%)
CSS
color: #ba9cb0;
CSS variable
--color-ba9cb0: #ba9cb0;
SCSS
$color-ba9cb0: #ba9cb0;
Tailwind
pink-300
Export
:root {
--#ba9cb0-1: #ba9cb0;
}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.