Preview
#a5b597
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.17:1 · vs black: 9.66:1
HEX
#a5b597
RGB
rgb(165, 181, 151)
RGBA
rgba(165, 181, 151, 1)
HSL
hsl(92, 17%, 65%)
HSV
hsv(92, 17%, 71%)
LAB
lab(71.75% -11.08 13.45)
LCH
lch(71.75% 17.43 129.48)
OKLAB
oklab(0.7524 -0.0295 0.0347)
OKLCH
oklch(0.7524 0.0455 130.37)
XYZ
xyz(37.63, 43.28, 35.64)
CMYK
cmyk(9%, 0%, 17%, 29%)
CSS
color: #a5b597;
CSS variable
--color-a5b597: #a5b597;
SCSS
$color-a5b597: #a5b597;
Tailwind
yellow-300
Export
:root {
--#a5b597-1: #a5b597;
}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.