Preview
#4dff82
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.94:1
HEX
#4dff82
RGB
rgb(77, 255, 130)
RGBA
rgba(77, 255, 130, 1)
HSL
hsl(138, 100%, 65%)
HSV
hsv(138, 70%, 100%)
LAB
lab(89.25% -70.3 46.76)
LCH
lch(89.25% 84.43 146.37)
OKLAB
oklab(0.8837 -0.1892 0.1134)
OKLCH
oklch(0.8837 0.2206 149.06)
XYZ
xyz(42.85, 74.70, 33.28)
CMYK
cmyk(70%, 0%, 49%, 0%)
CSS
color: #4dff82;
CSS variable
--color-4dff82: #4dff82;
SCSS
$color-4dff82: #4dff82;
Tailwind
green-300
Export
:root {
--#4dff82-1: #4dff82;
}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.