Preview
#3f691f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.46:1 · vs black: 3.25:1
HEX
#3f691f
RGB
rgb(63, 105, 31)
RGBA
rgba(63, 105, 31, 1)
HSL
hsl(94, 54%, 27%)
HSV
hsv(94, 70%, 41%)
LAB
lab(40.01% -28.43 35.62)
LCH
lch(40.01% 45.57 128.6)
OKLAB
oklab(0.4733 -0.0794 0.0814)
OKLCH
oklch(0.4733 0.1137 134.29)
XYZ
xyz(7.35, 11.26, 3.08)
CMYK
cmyk(40%, 0%, 70%, 59%)
CSS
color: #3f691f;
CSS variable
--color-3f691f: #3f691f;
SCSS
$color-3f691f: #3f691f;
Tailwind
yellow-700
Export
:root {
--#3f691f-1: #3f691f;
}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.