Preview
#7cb682
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.37:1 · vs black: 8.87:1
HEX
#7cb682
RGB
rgb(124, 182, 130)
RGBA
rgba(124, 182, 130, 1)
HSL
hsl(126, 28%, 60%)
HSV
hsv(126, 32%, 71%)
LAB
lab(69.01% -29.53 20.63)
LCH
lch(69.01% 36.02 145.06)
OKLAB
oklab(0.7224 -0.0807 0.0523)
OKLCH
oklch(0.7224 0.0962 147.05)
XYZ
xyz(29.07, 39.35, 27.18)
CMYK
cmyk(32%, 0%, 29%, 29%)
CSS
color: #7cb682;
CSS variable
--color-7cb682: #7cb682;
SCSS
$color-7cb682: #7cb682;
Tailwind
green-400
Export
:root {
--#7cb682-1: #7cb682;
}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.