Preview
#83c9ad
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.92:1
HEX
#83c9ad
RGB
rgb(131, 201, 173)
RGBA
rgba(131, 201, 173, 1)
HSL
hsl(156, 39%, 65%)
HSV
hsv(156, 35%, 79%)
LAB
lab(75.83% -28.17 7.06)
LCH
lch(75.83% 29.04 165.93)
OKLAB
oklab(0.7814 -0.0796 0.0182)
OKLCH
oklch(0.7814 0.0817 167.12)
XYZ
xyz(37.79, 49.61, 47.11)
CMYK
cmyk(35%, 0%, 14%, 21%)
CSS
color: #83c9ad;
CSS variable
--color-83c9ad: #83c9ad;
SCSS
$color-83c9ad: #83c9ad;
Tailwind
emerald-300
Export
:root {
--#83c9ad-1: #83c9ad;
}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.