Preview
#328670
Family: Teal
Accessibility on this swatch:
Contrast vs white: 4.39:1 · vs black: 4.78:1
HEX
#328670
RGB
rgb(50, 134, 112)
RGBA
rgba(50, 134, 112, 1)
HSL
hsl(164, 46%, 36%)
HSV
hsv(164, 63%, 53%)
LAB
lab(50.57% -30.88 4.4)
LCH
lch(50.57% 31.19 171.89)
OKLAB
oklab(0.5628 -0.0873 0.0111)
OKLCH
oklch(0.5628 0.088 172.75)
XYZ
xyz(12.76, 18.90, 18.30)
CMYK
cmyk(63%, 0%, 16%, 47%)
CSS
color: #328670;
CSS variable
--color-328670: #328670;
SCSS
$color-328670: #328670;
Tailwind
teal-600
Export
:root {
--spectrum-#328670-1: #328670;
}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.