Preview
#39ef60
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.69:1
HEX
#39ef60
RGB
rgb(57, 239, 96)
RGBA
rgba(57, 239, 96, 1)
HSL
hsl(133, 85%, 58%)
HSV
hsv(133, 76%, 94%)
LAB
lab(83.68% -72.41 55.42)
LCH
lch(83.68% 91.18 142.57)
OKLAB
oklab(0.8353 -0.195 0.1304)
OKLCH
oklch(0.8353 0.2346 146.23)
XYZ
xyz(34.66, 63.44, 21.48)
CMYK
cmyk(76%, 0%, 60%, 6%)
CSS
color: #39ef60;
CSS variable
--color-39ef60: #39ef60;
SCSS
$color-39ef60: #39ef60;
Tailwind
green-400
Export
:root {
--#39ef60-1: #39ef60;
}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.