Preview
#678f5b
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.71:1 · vs black: 5.66:1
HEX
#678f5b
RGB
rgb(103, 143, 91)
RGBA
rgba(103, 143, 91, 1)
HSL
hsl(106, 22%, 46%)
HSV
hsv(106, 36%, 56%)
LAB
lab(55.36% -24.22 23.36)
LCH
lch(55.36% 33.65 136.04)
OKLAB
oklab(0.6067 -0.0661 0.0582)
OKLCH
oklch(0.6067 0.0881 138.64)
XYZ
xyz(17.30, 23.28, 13.48)
CMYK
cmyk(28%, 0%, 36%, 44%)
CSS
color: #678f5b;
CSS variable
--color-678f5b: #678f5b;
SCSS
$color-678f5b: #678f5b;
Tailwind
lime-500
Export
:root {
--#678f5b-1: #678f5b;
}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.