Preview
#64e8b1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.72:1
HEX
#64e8b1
RGB
rgb(100, 232, 177)
RGBA
rgba(100, 232, 177, 1)
HSL
hsl(155, 74%, 65%)
HSV
hsv(155, 57%, 91%)
LAB
lab(83.75% -49 16.01)
LCH
lch(83.75% 51.55 161.91)
OKLAB
oklab(0.8426 -0.1353 0.041)
OKLCH
oklch(0.8426 0.1414 163.14)
XYZ
xyz(42.04, 63.59, 51.65)
CMYK
cmyk(57%, 0%, 24%, 9%)
CSS
color: #64e8b1;
CSS variable
--color-64e8b1: #64e8b1;
SCSS
$color-64e8b1: #64e8b1;
Tailwind
emerald-300
Export
:root {
--#64e8b1-1: #64e8b1;
}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.