Preview
#3ad49e
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.09:1
HEX
#3ad49e
RGB
rgb(58, 212, 158)
RGBA
rgba(58, 212, 158, 1)
HSL
hsl(159, 64%, 53%)
HSV
hsv(159, 73%, 83%)
LAB
lab(76.35% -52.19 15.48)
LCH
lch(76.35% 54.44 163.48)
OKLAB
oklab(0.7778 -0.1435 0.0395)
OKLCH
oklch(0.7778 0.1488 164.61)
XYZ
xyz(31.46, 50.45, 40.42)
CMYK
cmyk(73%, 0%, 25%, 17%)
CSS
color: #3ad49e;
CSS variable
--color-3ad49e: #3ad49e;
SCSS
$color-3ad49e: #3ad49e;
Tailwind
emerald-400
Export
:root {
--#3ad49e-1: #3ad49e;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.