Preview
#33481e
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 10.06:1 · vs black: 2.09:1
HEX
#33481e
RGB
rgb(51, 72, 30)
RGBA
rgba(51, 72, 30, 1)
HSL
hsl(90, 41%, 20%)
HSV
hsv(90, 58%, 28%)
LAB
lab(27.93% -16.66 22.36)
LCH
lch(27.93% 27.88 126.69)
OKLAB
oklab(0.373 -0.0463 0.0532)
OKLCH
oklch(0.373 0.0705 131.03)
XYZ
xyz(3.92, 5.43, 2.07)
CMYK
cmyk(29%, 0%, 58%, 72%)
CSS
color: #33481e;
CSS variable
--color-33481e: #33481e;
SCSS
$color-33481e: #33481e;
Tailwind
yellow-800
Export
:root {
--#33481e-1: #33481e;
}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.