Preview
#b4bba0
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.56:1
HEX
#b4bba0
RGB
rgb(180, 187, 160)
RGBA
rgba(180, 187, 160, 1)
HSL
hsl(76, 17%, 68%)
HSV
hsv(76, 14%, 73%)
LAB
lab(74.69% -7.24 12.87)
LCH
lch(74.69% 14.77 119.36)
OKLAB
oklab(0.7792 -0.0185 0.0333)
OKLCH
oklch(0.7792 0.0381 119.05)
XYZ
xyz(42.94, 47.78, 40.21)
CMYK
cmyk(4%, 0%, 14%, 27%)
CSS
color: #b4bba0;
CSS variable
--color-b4bba0: #b4bba0;
SCSS
$color-b4bba0: #b4bba0;
Tailwind
amber-300
Export
:root {
--#b4bba0-1: #b4bba0;
}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.