Preview
#96fa00
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 15.97:1
HEX
#96fa00
RGB
rgb(150, 250, 0)
RGBA
rgba(150, 250, 0, 1)
HSL
hsl(84, 100%, 49%)
HSV
hsv(84, 100%, 98%)
LAB
lab(89.32% -59.26 85.75)
LCH
lch(89.32% 104.23 124.65)
OKLAB
oklab(0.8883 -0.1684 0.1833)
OKLCH
oklch(0.8883 0.2489 132.57)
XYZ
xyz(46.76, 74.85, 11.98)
CMYK
cmyk(40%, 0%, 100%, 2%)
CSS
color: #96fa00;
CSS variable
--color-96fa00: #96fa00;
SCSS
$color-96fa00: #96fa00;
Tailwind
yellow-500
Export
:root {
--#96fa00-1: #96fa00;
}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.