Preview
#3a4e3c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 8.99:1 · vs black: 2.33:1
HEX
#3a4e3c
RGB
rgb(58, 78, 60)
RGBA
rgba(58, 78, 60, 1)
HSL
hsl(126, 15%, 27%)
HSV
hsv(126, 26%, 31%)
LAB
lab(31.05% -11.98 8.18)
LCH
lch(31.05% 14.51 145.67)
OKLAB
oklab(0.4013 -0.0328 0.021)
OKLCH
oklch(0.4013 0.0389 147.37)
XYZ
xyz(5.28, 6.67, 5.28)
CMYK
cmyk(26%, 0%, 23%, 69%)
CSS
color: #3a4e3c;
CSS variable
--color-3a4e3c: #3a4e3c;
SCSS
$color-3a4e3c: #3a4e3c;
Tailwind
green-700
Export
:root {
--#3a4e3c-1: #3a4e3c;
}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.