Preview
#7ec945
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.33:1
HEX
#7ec945
RGB
rgb(126, 201, 69)
RGBA
rgba(126, 201, 69, 1)
HSL
hsl(94, 55%, 53%)
HSV
hsv(94, 66%, 79%)
LAB
lab(73.96% -45.19 56.56)
LCH
lch(73.96% 72.4 128.62)
OKLAB
oklab(0.7602 -0.1261 0.1296)
OKLCH
oklch(0.7602 0.1808 134.22)
XYZ
xyz(30.56, 46.64, 13.02)
CMYK
cmyk(37%, 0%, 66%, 21%)
CSS
color: #7ec945;
CSS variable
--color-7ec945: #7ec945;
SCSS
$color-7ec945: #7ec945;
Tailwind
yellow-400
Export
:root {
--spectrum-#7ec945-1: #7ec945;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.