Preview
#bbd49f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.03:1
HEX
#bbd49f
RGB
rgb(187, 212, 159)
RGBA
rgba(187, 212, 159, 1)
HSL
hsl(88, 38%, 73%)
HSV
hsv(88, 25%, 83%)
LAB
lab(81.92% -17.66 23.53)
LCH
lch(81.92% 29.42 126.89)
OKLAB
oklab(0.8379 -0.0474 0.0597)
OKLCH
oklch(0.8379 0.0762 128.45)
XYZ
xyz(50.29, 60.15, 41.76)
CMYK
cmyk(12%, 0%, 25%, 17%)
CSS
color: #bbd49f;
CSS variable
--color-bbd49f: #bbd49f;
SCSS
$color-bbd49f: #bbd49f;
Tailwind
yellow-200
Export
:root {
--#bbd49f-1: #bbd49f;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.