Preview
#339966
Family: Green
Accessibility on this swatch:
Contrast vs white: 3.57:1 · vs black: 5.89:1
HEX
#339966
RGB
rgb(51, 153, 102)
RGBA
rgba(51, 153, 102, 1)
HSL
hsl(150, 50%, 40%)
HSV
hsv(150, 67%, 60%)
LAB
lab(56.53% -41.51 18.45)
LCH
lch(56.53% 45.43 156.04)
OKLAB
oklab(0.6109 -0.1128 0.0466)
OKLCH
oklch(0.6109 0.122 157.55)
XYZ
xyz(15.15, 24.44, 16.49)
CMYK
cmyk(67%, 0%, 33%, 40%)
CSS
color: #339966;
CSS variable
--color-339966: #339966;
SCSS
$color-339966: #339966;
Tailwind
emerald-600
Export
:root {
--web-safe-#339966-1: #339966;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.