Preview
#4dac8b
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.77:1 · vs black: 7.59:1
HEX
#4dac8b
RGB
rgb(77, 172, 139)
RGBA
rgba(77, 172, 139, 1)
HSL
hsl(159, 38%, 49%)
HSV
hsv(159, 55%, 67%)
LAB
lab(64.12% -36.16 8.58)
LCH
lch(64.12% 37.16 166.65)
OKLAB
oklab(0.6778 -0.1011 0.022)
OKLCH
oklch(0.6778 0.1035 167.72)
XYZ
xyz(22.47, 32.94, 29.60)
CMYK
cmyk(55%, 0%, 19%, 33%)
CSS
color: #4dac8b;
CSS variable
--color-4dac8b: #4dac8b;
SCSS
$color-4dac8b: #4dac8b;
Tailwind
emerald-500
Export
:root {
--spectrum-#4dac8b-1: #4dac8b;
}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.