Preview
#2ab24c
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.77:1 · vs black: 7.57:1
HEX
#2ab24c
RGB
rgb(42, 178, 76)
RGBA
rgba(42, 178, 76, 1)
HSL
hsl(135, 62%, 43%)
HSV
hsv(135, 76%, 70%)
LAB
lab(64.04% -56.93 41.53)
LCH
lch(64.04% 70.47 143.89)
OKLAB
oklab(0.6711 -0.1532 0.0988)
OKLCH
oklch(0.6711 0.1823 147.18)
XYZ
xyz(18.18, 32.85, 12.22)
CMYK
cmyk(76%, 0%, 57%, 30%)
CSS
color: #2ab24c;
CSS variable
--color-2ab24c: #2ab24c;
SCSS
$color-2ab24c: #2ab24c;
Tailwind
green-500
Export
:root {
--spectrum-#2ab24c-1: #2ab24c;
}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.