Preview
#678d83
HEX
#678d83
RGB
rgb(103, 141, 131)
RGBA
rgba(103, 141, 131, 1)
HSL
hsl(164, 16%, 48%)
HSV
hsv(164, 27%, 55%)
LAB
lab(55.66% -15.42 1.07)
LCH
lch(55.66% 15.46 176.03)
OKLAB
oklab(0.612 -0.0449 0.0026)
OKLCH
oklch(0.612 0.045 176.69)
XYZ
xyz(19.21, 23.57, 25.01)
CMYK
cmyk(27%, 0%, 7%, 45%)
CSS
color: #678d83;
CSS variable
--color-678d83: #678d83;
SCSS
$color-678d83: #678d83;
Tailwind
teal-500
Export
:root {
--#678d83-1: #678d83;
}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.