Preview
#2fb17d
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.73:1 · vs black: 7.71:1
HEX
#2fb17d
RGB
rgb(47, 177, 125)
RGBA
rgba(47, 177, 125, 1)
HSL
hsl(156, 58%, 44%)
HSV
hsv(156, 73%, 69%)
LAB
lab(64.59% -47.04 16.83)
LCH
lch(64.59% 49.96 160.31)
OKLAB
oklab(0.6783 -0.1284 0.0428)
OKLCH
oklch(0.6783 0.1353 161.57)
XYZ
xyz(20.59, 33.53, 24.78)
CMYK
cmyk(73%, 0%, 29%, 31%)
CSS
color: #2fb17d;
CSS variable
--color-2fb17d: #2fb17d;
SCSS
$color-2fb17d: #2fb17d;
Tailwind
emerald-500
Export
:root {
--spectrum-#2fb17d-1: #2fb17d;
}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.