Preview
#333c2a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 11.54:1 · vs black: 1.82:1
HEX
#333c2a
RGB
rgb(51, 60, 42)
RGBA
rgba(51, 60, 42, 1)
HSL
hsl(90, 18%, 20%)
HSV
hsv(90, 30%, 24%)
LAB
lab(24.01% -7.72 9.93)
LCH
lch(24.01% 12.58 127.86)
OKLAB
oklab(0.3421 -0.0208 0.0251)
OKLCH
oklch(0.3421 0.0326 129.65)
XYZ
xyz(3.40, 4.10, 2.80)
CMYK
cmyk(15%, 0%, 30%, 76%)
CSS
color: #333c2a;
CSS variable
--color-333c2a: #333c2a;
SCSS
$color-333c2a: #333c2a;
Tailwind
yellow-800
Export
:root {
--#333c2a-1: #333c2a;
}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.