Preview
#bbbfb4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.22:1
HEX
#bbbfb4
RGB
rgb(187, 191, 180)
RGBA
rgba(187, 191, 180, 1)
HSL
hsl(82, 8%, 73%)
HSV
hsv(82, 6%, 75%)
LAB
lab(76.75% -3.4 5.06)
LCH
lch(76.75% 6.1 123.9)
OKLAB
oklab(0.7983 -0.0087 0.0133)
OKLCH
oklch(0.7983 0.0159 123.19)
XYZ
xyz(47.36, 51.12, 50.54)
CMYK
cmyk(2%, 0%, 6%, 25%)
CSS
color: #bbbfb4;
CSS variable
--color-bbbfb4: #bbbfb4;
SCSS
$color-bbbfb4: #bbbfb4;
Tailwind
yellow-200
Export
:root {
--#bbbfb4-1: #bbbfb4;
}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.