Preview
#c7ffea
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.92:1
HEX
#c7ffea
RGB
rgb(199, 255, 234)
RGBA
rgba(199, 255, 234, 1)
HSL
hsl(158, 100%, 89%)
HSV
hsv(158, 22%, 100%)
LAB
lab(95.83% -21.72 4.27)
LCH
lch(95.83% 22.14 168.88)
OKLAB
oklab(0.9561 -0.0623 0.011)
OKLCH
oklch(0.9561 0.0633 169.99)
XYZ
xyz(74.16, 89.60, 91.21)
CMYK
cmyk(22%, 0%, 8%, 0%)
CSS
color: #c7ffea;
CSS variable
--color-c7ffea: #c7ffea;
SCSS
$color-c7ffea: #c7ffea;
Tailwind
emerald-100
Export
:root {
--#c7ffea-1: #c7ffea;
}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.