Preview
#677f76
HEX
#677f76
RGB
rgb(103, 127, 118)
RGBA
rgba(103, 127, 118, 1)
HSL
hsl(158, 10%, 45%)
HSV
hsv(158, 19%, 50%)
LAB
lab(51.12% -10.64 2.01)
LCH
lch(51.12% 10.83 169.3)
OKLAB
oklab(0.5747 -0.0306 0.0052)
OKLCH
oklch(0.5747 0.031 170.36)
XYZ
xyz(16.45, 19.37, 20.01)
CMYK
cmyk(19%, 0%, 7%, 50%)
CSS
color: #677f76;
CSS variable
--color-677f76: #677f76;
SCSS
$color-677f76: #677f76;
Tailwind
emerald-500
Export
:root {
--#677f76-1: #677f76;
}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.