Preview
#49e3bf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.02:1
HEX
#49e3bf
RGB
rgb(73, 227, 191)
RGBA
rgba(73, 227, 191, 1)
HSL
hsl(166, 73%, 59%)
HSV
hsv(166, 68%, 89%)
LAB
lab(81.9% -48.49 5.93)
LCH
lch(81.9% 48.85 173.03)
OKLAB
oklab(0.8266 -0.1372 0.0149)
OKLCH
oklch(0.8266 0.138 173.8)
XYZ
xyz(39.62, 60.11, 58.79)
CMYK
cmyk(68%, 0%, 16%, 11%)
CSS
color: #49e3bf;
CSS variable
--color-49e3bf: #49e3bf;
SCSS
$color-49e3bf: #49e3bf;
Tailwind
teal-400
Export
:root {
--#49e3bf-1: #49e3bf;
}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.