Preview
#b7d298
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.69:1
HEX
#b7d298
RGB
rgb(183, 210, 152)
RGBA
rgba(183, 210, 152, 1)
HSL
hsl(88, 39%, 71%)
HSV
hsv(88, 28%, 82%)
LAB
lab(80.98% -19.16 25.85)
LCH
lch(80.98% 32.18 126.55)
OKLAB
oklab(0.8292 -0.0516 0.0652)
OKLCH
oklch(0.8292 0.0831 128.36)
XYZ
xyz(48.24, 58.43, 38.44)
CMYK
cmyk(13%, 0%, 28%, 18%)
CSS
color: #b7d298;
CSS variable
--color-b7d298: #b7d298;
SCSS
$color-b7d298: #b7d298;
Tailwind
yellow-200
Export
:root {
--#b7d298-1: #b7d298;
}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.