Preview
#657a64
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.64:1 · vs black: 4.52:1
HEX
#657a64
RGB
rgb(101, 122, 100)
RGBA
rgba(101, 122, 100, 1)
HSL
hsl(117, 10%, 44%)
HSV
hsv(117, 18%, 48%)
LAB
lab(49.01% -12.3 9.54)
LCH
lch(49.01% 15.57 142.2)
OKLAB
oklab(0.556 -0.0336 0.0246)
OKLCH
oklch(0.556 0.0416 143.79)
XYZ
xyz(14.63, 17.61, 14.68)
CMYK
cmyk(17%, 0%, 18%, 52%)
CSS
color: #657a64;
CSS variable
--color-657a64: #657a64;
SCSS
$color-657a64: #657a64;
Tailwind
lime-500
Export
:root {
--#657a64-1: #657a64;
}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.