Preview
#2d8b6a
Family: Teal
Accessibility on this swatch:
Contrast vs white: 4.19:1 · vs black: 5.01:1
HEX
#2d8b6a
RGB
rgb(45, 139, 106)
RGBA
rgba(45, 139, 106, 1)
HSL
hsl(159, 51%, 36%)
HSV
hsv(159, 68%, 55%)
LAB
lab(51.91% -35.65 9.76)
LCH
lch(51.91% 36.96 164.69)
OKLAB
oklab(0.5728 -0.0986 0.025)
OKLCH
oklch(0.5728 0.1017 165.77)
XYZ
xyz(12.91, 20.06, 16.82)
CMYK
cmyk(68%, 0%, 24%, 45%)
CSS
color: #2d8b6a;
CSS variable
--color-2d8b6a: #2d8b6a;
SCSS
$color-2d8b6a: #2d8b6a;
Tailwind
emerald-600
Export
:root {
--spectrum-#2d8b6a-1: #2d8b6a;
}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.