Preview
#97df39
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.93:1
HEX
#97df39
RGB
rgb(151, 223, 57)
RGBA
rgba(151, 223, 57, 1)
HSL
hsl(86, 72%, 55%)
HSV
hsv(86, 74%, 87%)
LAB
lab(81.65% -46.55 69.17)
LCH
lch(81.65% 83.38 123.94)
OKLAB
oklab(0.8261 -0.1322 0.154)
OKLCH
oklch(0.8261 0.203 130.64)
XYZ
xyz(39.89, 59.65, 13.28)
CMYK
cmyk(32%, 0%, 74%, 13%)
CSS
color: #97df39;
CSS variable
--color-97df39: #97df39;
SCSS
$color-97df39: #97df39;
Tailwind
yellow-400
Export
:root {
--#97df39-1: #97df39;
}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.