Preview
#b1d676
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.75:1
HEX
#b1d676
RGB
rgb(177, 214, 118)
RGBA
rgba(177, 214, 118, 1)
HSL
hsl(83, 54%, 65%)
HSV
hsv(83, 45%, 84%)
LAB
lab(81.15% -27.78 43.3)
LCH
lch(81.15% 51.45 122.68)
OKLAB
oklab(0.8279 -0.077 0.1047)
OKLCH
oklch(0.8279 0.13 126.33)
XYZ
xyz(45.45, 58.75, 26.08)
CMYK
cmyk(17%, 0%, 45%, 16%)
CSS
color: #b1d676;
CSS variable
--color-b1d676: #b1d676;
SCSS
$color-b1d676: #b1d676;
Tailwind
yellow-300
Export
:root {
--#b1d676-1: #b1d676;
}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.