Preview
#64e8c9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.93:1
HEX
#64e8c9
RGB
rgb(100, 232, 201)
RGBA
rgba(100, 232, 201, 1)
HSL
hsl(166, 74%, 65%)
HSV
hsv(166, 57%, 91%)
LAB
lab(84.3% -43.62 4.2)
LCH
lch(84.3% 43.82 174.5)
OKLAB
oklab(0.8489 -0.1245 0.0105)
OKLCH
oklch(0.8489 0.1249 175.18)
XYZ
xyz(44.65, 64.64, 65.37)
CMYK
cmyk(57%, 0%, 13%, 9%)
CSS
color: #64e8c9;
CSS variable
--color-64e8c9: #64e8c9;
SCSS
$color-64e8c9: #64e8c9;
Tailwind
teal-300
Export
:root {
--#64e8c9-1: #64e8c9;
}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.