Preview
#2a9367
Family: Teal
Accessibility on this swatch:
Contrast vs white: 3.84:1 · vs black: 5.47:1
HEX
#2a9367
RGB
rgb(42, 147, 103)
RGBA
rgba(42, 147, 103, 1)
HSL
hsl(155, 56%, 37%)
HSV
hsv(155, 71%, 58%)
LAB
lab(54.38% -40.36 14.91)
LCH
lch(54.38% 43.03 159.72)
OKLAB
oklab(0.5927 -0.1102 0.0379)
OKLCH
oklch(0.5927 0.1165 161.02)
XYZ
xyz(13.84, 22.34, 16.41)
CMYK
cmyk(71%, 0%, 30%, 42%)
CSS
color: #2a9367;
CSS variable
--color-2a9367: #2a9367;
SCSS
$color-2a9367: #2a9367;
Tailwind
emerald-600
Export
:root {
--spectrum-#2a9367-1: #2a9367;
}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.