Preview
#3a7e35
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.98:1 · vs black: 4.22:1
HEX
#3a7e35
RGB
rgb(58, 126, 53)
RGBA
rgba(58, 126, 53, 1)
HSL
hsl(116, 41%, 35%)
HSV
hsv(116, 58%, 49%)
LAB
lab(47.08% -37.04 32.85)
LCH
lch(47.08% 49.51 138.43)
OKLAB
oklab(0.5313 -0.1009 0.078)
OKLCH
oklch(0.5313 0.1275 142.29)
XYZ
xyz(9.85, 16.08, 5.95)
CMYK
cmyk(54%, 0%, 58%, 51%)
CSS
color: #3a7e35;
CSS variable
--color-3a7e35: #3a7e35;
SCSS
$color-3a7e35: #3a7e35;
Tailwind
lime-600
Export
:root {
--#3a7e35-1: #3a7e35;
}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.