Preview
#677561
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.89:1 · vs black: 4.29:1
HEX
#677561
RGB
rgb(103, 117, 97)
RGBA
rgba(103, 117, 97, 1)
HSL
hsl(102, 9%, 42%)
HSV
hsv(102, 17%, 46%)
LAB
lab(47.58% -9.31 9.31)
LCH
lch(47.58% 13.17 135)
OKLAB
oklab(0.5448 -0.0251 0.024)
OKLCH
oklch(0.5448 0.0347 136.28)
XYZ
xyz(14.11, 16.47, 13.74)
CMYK
cmyk(12%, 0%, 17%, 54%)
CSS
color: #677561;
CSS variable
--color-677561: #677561;
SCSS
$color-677561: #677561;
Tailwind
lime-500
Export
:root {
--#677561-1: #677561;
}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.