Green
#00ff7f
Preview
#00ff7f
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.61:1
HEX
#00ff7f
RGB
rgb(0, 255, 127)
RGBA
rgba(0, 255, 127, 1)
HSL
hsl(150, 100%, 50%)
HSV
hsv(150, 100%, 100%)
LAB
lab(88.47% -76.9 47.03)
LCH
lch(88.47% 90.14 148.55)
OKLAB
oklab(0.8749 -0.2058 0.114)
OKLCH
oklch(0.8749 0.2353 151.02)
XYZ
xyz(39.59, 73.05, 32.09)
CMYK
cmyk(100%, 0%, 50%, 0%)
CSS
color: #00ff7f;
CSS variable
--color-00ff7f: #00ff7f;
SCSS
$color-00ff7f: #00ff7f;
Tailwind
emerald-500
Export
:root {
--springgreen-1: #00ff7f;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.
Browse more in the color name library.