Preview
#334834
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 9.92:1 · vs black: 2.12:1
HEX
#334834
RGB
rgb(51, 72, 52)
RGBA
rgba(51, 72, 52, 1)
HSL
hsl(123, 17%, 24%)
HSV
hsv(123, 29%, 28%)
LAB
lab(28.34% -12.94 9.42)
LCH
lch(28.34% 16.01 143.95)
OKLAB
oklab(0.3777 -0.0354 0.024)
OKLCH
oklch(0.3777 0.0428 145.86)
XYZ
xyz(4.30, 5.59, 4.10)
CMYK
cmyk(29%, 0%, 28%, 72%)
CSS
color: #334834;
CSS variable
--color-334834: #334834;
SCSS
$color-334834: #334834;
Tailwind
green-700
Export
:root {
--#334834-1: #334834;
}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.