Preview
#64c7b1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.35:1
HEX
#64c7b1
RGB
rgb(100, 199, 177)
RGBA
rgba(100, 199, 177, 1)
HSL
hsl(167, 47%, 59%)
HSV
hsv(167, 50%, 78%)
LAB
lab(74.02% -34.42 2.11)
LCH
lch(74.02% 34.48 176.49)
OKLAB
oklab(0.7635 -0.0992 0.0051)
OKLCH
oklch(0.7635 0.0993 177.06)
XYZ
xyz(33.61, 46.73, 48.83)
CMYK
cmyk(50%, 0%, 11%, 22%)
CSS
color: #64c7b1;
CSS variable
--color-64c7b1: #64c7b1;
SCSS
$color-64c7b1: #64c7b1;
Tailwind
teal-400
Export
:root {
--#64c7b1-1: #64c7b1;
}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.