Preview
#80f4c6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.67:1
HEX
#80f4c6
RGB
rgb(128, 244, 198)
RGBA
rgba(128, 244, 198, 1)
HSL
hsl(156, 84%, 73%)
HSV
hsv(156, 48%, 96%)
LAB
lab(88.62% -43.48 12.1)
LCH
lch(88.62% 45.13 164.45)
OKLAB
oklab(0.8864 -0.1214 0.0311)
OKLCH
oklch(0.8864 0.1253 165.63)
XYZ
xyz(51.44, 73.36, 64.86)
CMYK
cmyk(48%, 0%, 19%, 4%)
CSS
color: #80f4c6;
CSS variable
--color-80f4c6: #80f4c6;
SCSS
$color-80f4c6: #80f4c6;
Tailwind
emerald-200
Export
:root {
--#80f4c6-1: #80f4c6;
}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.