Preview
#64c3be
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#64c3be
RGB
rgb(100, 195, 190)
RGBA
rgba(100, 195, 190, 1)
HSL
hsl(177, 44%, 58%)
HSV
hsv(177, 49%, 76%)
LAB
lab(73.19% -29.29 -6.16)
LCH
lch(73.19% 29.93 191.88)
OKLAB
oklab(0.758 -0.089 -0.0171)
OKLCH
oklch(0.758 0.0906 190.88)
XYZ
xyz(34.06, 45.45, 55.68)
CMYK
cmyk(49%, 0%, 3%, 24%)
CSS
color: #64c3be;
CSS variable
--color-64c3be: #64c3be;
SCSS
$color-64c3be: #64c3be;
Tailwind
teal-400
Export
:root {
--#64c3be-1: #64c3be;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.