Preview
#2ce272
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.23:1
HEX
#2ce272
RGB
rgb(44, 226, 114)
RGBA
rgba(44, 226, 114, 1)
HSL
hsl(143, 76%, 53%)
HSV
hsv(143, 81%, 89%)
LAB
lab(79.69% -67.3 42.35)
LCH
lch(79.69% 79.52 147.82)
OKLAB
oklab(0.8024 -0.1806 0.1028)
OKLCH
oklch(0.8024 0.2078 150.35)
XYZ
xyz(31.27, 56.14, 25.10)
CMYK
cmyk(81%, 0%, 50%, 11%)
CSS
color: #2ce272;
CSS variable
--color-2ce272: #2ce272;
SCSS
$color-2ce272: #2ce272;
Tailwind
emerald-400
Export
:root {
--spectrum-#2ce272-1: #2ce272;
}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.