Preview
#99ff00
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.66:1
HEX
#99ff00
RGB
rgb(153, 255, 0)
RGBA
rgba(153, 255, 0, 1)
HSL
hsl(84, 100%, 50%)
HSV
hsv(84, 100%, 100%)
LAB
lab(90.91% -60.19 87.04)
LCH
lch(90.91% 105.82 124.66)
OKLAB
oklab(0.9017 -0.1711 0.1861)
OKLCH
oklch(0.9017 0.2528 132.6)
XYZ
xyz(48.90, 78.29, 12.54)
CMYK
cmyk(40%, 0%, 100%, 0%)
CSS
color: #99ff00;
CSS variable
--color-99ff00: #99ff00;
SCSS
$color-99ff00: #99ff00;
Tailwind
yellow-500
Export
:root {
--web-safe-#99ff00-1: #99ff00;
}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.