Preview
#677f68
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.36:1 · vs black: 4.81:1
HEX
#677f68
RGB
rgb(103, 127, 104)
RGBA
rgba(103, 127, 104, 1)
HSL
hsl(122, 10%, 45%)
HSV
hsv(122, 19%, 50%)
LAB
lab(50.76% -13.52 9.68)
LCH
lch(50.76% 16.63 144.4)
OKLAB
oklab(0.5706 -0.0371 0.0249)
OKLCH
oklch(0.5706 0.0447 146.13)
XYZ
xyz(15.68, 19.06, 15.95)
CMYK
cmyk(19%, 0%, 18%, 50%)
CSS
color: #677f68;
CSS variable
--color-677f68: #677f68;
SCSS
$color-677f68: #677f68;
Tailwind
green-500
Export
:root {
--#677f68-1: #677f68;
}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.