Preview
#00ff00
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.3:1
HEX
#00ff00
RGB
rgb(0, 255, 0)
RGBA
rgba(0, 255, 0, 1)
HSL
hsl(120, 100%, 50%)
HSV
hsv(120, 100%, 100%)
LAB
lab(87.73% -86.18 83.18)
LCH
lch(87.73% 119.77 136.01)
OKLAB
oklab(0.8664 -0.2339 0.1795)
OKLCH
oklch(0.8664 0.2948 142.5)
XYZ
xyz(35.76, 71.52, 11.92)
CMYK
cmyk(100%, 0%, 100%, 0%)
CSS
color: #00ff00;
CSS variable
--color-00ff00: #00ff00;
SCSS
$color-00ff00: #00ff00;
Tailwind
green-500
Export
:root {
--lime-1: #00ff00;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.