Preview
#697b69
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.53:1 · vs black: 4.64:1
HEX
#697b69
RGB
rgb(105, 123, 105)
RGBA
rgba(105, 123, 105, 1)
HSL
hsl(120, 8%, 45%)
HSV
hsv(120, 15%, 48%)
LAB
lab(49.72% -10.37 7.65)
LCH
lch(49.72% 12.89 143.58)
OKLAB
oklab(0.5628 -0.0284 0.0198)
OKLCH
oklch(0.5628 0.0346 145.12)
XYZ
xyz(15.46, 18.19, 16.06)
CMYK
cmyk(15%, 0%, 15%, 52%)
CSS
color: #697b69;
CSS variable
--color-697b69: #697b69;
SCSS
$color-697b69: #697b69;
Tailwind
green-500
Export
:root {
--#697b69-1: #697b69;
}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.