Preview
#b7d84b
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.94:1
HEX
#b7d84b
RGB
rgb(183, 216, 75)
RGBA
rgba(183, 216, 75, 1)
HSL
hsl(74, 64%, 57%)
HSV
hsv(74, 65%, 85%)
LAB
lab(81.67% -30.26 63.32)
LCH
lch(81.67% 70.18 115.54)
OKLAB
oklab(0.8316 -0.088 0.1437)
OKLCH
oklch(0.8316 0.1685 121.48)
XYZ
xyz(45.35, 59.69, 15.79)
CMYK
cmyk(15%, 0%, 65%, 15%)
CSS
color: #b7d84b;
CSS variable
--color-b7d84b: #b7d84b;
SCSS
$color-b7d84b: #b7d84b;
Tailwind
amber-400
Export
:root {
--#b7d84b-1: #b7d84b;
}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.