Preview
#3f733f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 5.62:1 · vs black: 3.74:1
HEX
#3f733f
RGB
rgb(63, 115, 63)
RGBA
rgba(63, 115, 63, 1)
HSL
hsl(120, 29%, 35%)
HSV
hsv(120, 45%, 45%)
LAB
lab(43.77% -29.06 23.45)
LCH
lch(43.77% 37.34 141.1)
OKLAB
oklab(0.5052 -0.0791 0.0576)
OKLCH
oklch(0.5052 0.0978 143.94)
XYZ
xyz(9.08, 13.68, 6.86)
CMYK
cmyk(45%, 0%, 45%, 55%)
CSS
color: #3f733f;
CSS variable
--color-3f733f: #3f733f;
SCSS
$color-3f733f: #3f733f;
Tailwind
green-600
Export
:root {
--#3f733f-1: #3f733f;
}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.