Preview
#2dd280
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.64:1
HEX
#2dd280
RGB
rgb(45, 210, 128)
RGBA
rgba(45, 210, 128, 1)
HSL
hsl(150, 65%, 50%)
HSV
hsv(150, 79%, 82%)
LAB
lab(74.95% -59.27 29.26)
LCH
lch(74.95% 66.1 153.73)
OKLAB
oklab(0.7639 -0.1597 0.073)
OKLCH
oklch(0.7639 0.1756 155.43)
XYZ
xyz(28.02, 48.21, 28.25)
CMYK
cmyk(79%, 0%, 39%, 18%)
CSS
color: #2dd280;
CSS variable
--color-2dd280: #2dd280;
SCSS
$color-2dd280: #2dd280;
Tailwind
emerald-500
Export
:root {
--#2dd280-1: #2dd280;
}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.