Preview
#50fb7b
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.43:1
HEX
#50fb7b
RGB
rgb(80, 251, 123)
RGBA
rgba(80, 251, 123, 1)
HSL
hsl(135, 96%, 65%)
HSV
hsv(135, 68%, 98%)
LAB
lab(88.03% -69.45 48.53)
LCH
lch(88.03% 84.73 145.06)
OKLAB
oklab(0.8735 -0.1871 0.1171)
OKLCH
oklch(0.8735 0.2207 147.96)
XYZ
xyz(41.38, 72.13, 30.48)
CMYK
cmyk(68%, 0%, 51%, 2%)
CSS
color: #50fb7b;
CSS variable
--color-50fb7b: #50fb7b;
SCSS
$color-50fb7b: #50fb7b;
Tailwind
green-300
Export
:root {
--#50fb7b-1: #50fb7b;
}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.