Preview
#2a4a21
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 10:1 · vs black: 2.1:1
HEX
#2a4a21
RGB
rgb(42, 74, 33)
RGBA
rgba(42, 74, 33, 1)
HSL
hsl(107, 38%, 21%)
HSV
hsv(107, 55%, 29%)
LAB
lab(28.11% -21.02 20.72)
LCH
lch(28.11% 29.52 135.41)
OKLAB
oklab(0.3731 -0.0576 0.0499)
OKLCH
oklch(0.3731 0.0762 139.1)
XYZ
xyz(3.68, 5.50, 2.31)
CMYK
cmyk(43%, 0%, 55%, 71%)
CSS
color: #2a4a21;
CSS variable
--color-2a4a21: #2a4a21;
SCSS
$color-2a4a21: #2a4a21;
Tailwind
lime-700
Export
:root {
--#2a4a21-1: #2a4a21;
}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.