Preview
#3cc376
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.27:1 · vs black: 9.26:1
HEX
#3cc376
RGB
rgb(60, 195, 118)
RGBA
rgba(60, 195, 118, 1)
HSL
hsl(146, 53%, 50%)
HSV
hsv(146, 69%, 76%)
LAB
lab(70.38% -53.5 28.45)
LCH
lch(70.38% 60.59 152)
OKLAB
oklab(0.7264 -0.1444 0.0709)
OKLCH
oklch(0.7264 0.1609 153.85)
XYZ
xyz(24.65, 41.30, 23.81)
CMYK
cmyk(69%, 0%, 39%, 24%)
CSS
color: #3cc376;
CSS variable
--color-3cc376: #3cc376;
SCSS
$color-3cc376: #3cc376;
Tailwind
emerald-500
Export
:root {
--spectrum-#3cc376-1: #3cc376;
}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.