Preview
#57a889
HEX
#57a889
RGB
rgb(87, 168, 137)
RGBA
rgba(87, 168, 137, 1)
HSL
hsl(157, 32%, 50%)
HSV
hsv(157, 48%, 66%)
LAB
lab(63.21% -32.35 8.44)
LCH
lch(63.21% 33.43 165.38)
OKLAB
oklab(0.6712 -0.0905 0.0217)
OKLCH
oklch(0.6712 0.0931 166.52)
XYZ
xyz(22.45, 31.84, 28.62)
CMYK
cmyk(48%, 0%, 18%, 34%)
CSS
color: #57a889;
CSS variable
--color-57a889: #57a889;
SCSS
$color-57a889: #57a889;
Tailwind
emerald-500
Export
:root {
--#57a889-1: #57a889;
}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.