Preview
#678467
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.14:1 · vs black: 5.07:1
HEX
#678467
RGB
rgb(103, 132, 103)
RGBA
rgba(103, 132, 103, 1)
HSL
hsl(120, 12%, 46%)
HSV
hsv(120, 22%, 52%)
LAB
lab(52.25% -16.42 12.34)
LCH
lch(52.25% 20.54 143.07)
OKLAB
oklab(0.5824 -0.0449 0.0316)
OKLCH
oklch(0.5824 0.0549 144.86)
XYZ
xyz(16.29, 20.36, 15.90)
CMYK
cmyk(22%, 0%, 22%, 48%)
CSS
color: #678467;
CSS variable
--color-678467: #678467;
SCSS
$color-678467: #678467;
Tailwind
green-500
Export
:root {
--#678467-1: #678467;
}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.