Preview
#bacba9
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.2:1
HEX
#bacba9
RGB
rgb(186, 203, 169)
RGBA
rgba(186, 203, 169, 1)
HSL
hsl(90, 25%, 73%)
HSV
hsv(90, 17%, 80%)
LAB
lab(79.62% -11.89 15.04)
LCH
lch(79.62% 19.17 128.33)
OKLAB
oklab(0.82 -0.0316 0.0388)
OKLCH
oklch(0.82 0.05 129.16)
XYZ
xyz(48.77, 56.02, 45.77)
CMYK
cmyk(8%, 0%, 17%, 20%)
CSS
color: #bacba9;
CSS variable
--color-bacba9: #bacba9;
SCSS
$color-bacba9: #bacba9;
Tailwind
yellow-200
Export
:root {
--#bacba9-1: #bacba9;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.