Preview
#7c8f70
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.49:1 · vs black: 6.02:1
HEX
#7c8f70
RGB
rgb(124, 143, 112)
RGBA
rgba(124, 143, 112, 1)
HSL
hsl(97, 12%, 50%)
HSV
hsv(97, 22%, 56%)
LAB
lab(57.17% -12.85 14.28)
LCH
lch(57.17% 19.21 131.98)
OKLAB
oklab(0.6262 -0.0346 0.0365)
OKLCH
oklch(0.6262 0.0503 133.47)
XYZ
xyz(21.06, 25.10, 19.06)
CMYK
cmyk(13%, 0%, 22%, 44%)
CSS
color: #7c8f70;
CSS variable
--color-7c8f70: #7c8f70;
SCSS
$color-7c8f70: #7c8f70;
Tailwind
yellow-500
Export
:root {
--#7c8f70-1: #7c8f70;
}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.