Preview
#3bd875
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.27:1
HEX
#3bd875
RGB
rgb(59, 216, 117)
RGBA
rgba(59, 216, 117, 1)
HSL
hsl(142, 67%, 54%)
HSV
hsv(142, 73%, 85%)
LAB
lab(76.87% -61.53 37.38)
LCH
lch(76.87% 71.99 148.72)
OKLAB
oklab(0.7798 -0.1655 0.0916)
OKLCH
oklch(0.7798 0.1892 151.04)
XYZ
xyz(29.57, 51.32, 25.17)
CMYK
cmyk(73%, 0%, 46%, 15%)
CSS
color: #3bd875;
CSS variable
--color-3bd875: #3bd875;
SCSS
$color-3bd875: #3bd875;
Tailwind
emerald-400
Export
:root {
--#3bd875-1: #3bd875;
}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.