Preview
#c3e3d7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.29:1
HEX
#c3e3d7
RGB
rgb(195, 227, 215)
RGBA
rgba(195, 227, 215, 1)
HSL
hsl(158, 36%, 83%)
HSV
hsv(158, 14%, 89%)
LAB
lab(87.7% -12.8 2.33)
LCH
lch(87.7% 13.01 169.68)
OKLAB
oklab(0.8892 -0.037 0.006)
OKLCH
oklch(0.8892 0.0375 170.79)
XYZ
xyz(62.24, 71.45, 74.79)
CMYK
cmyk(14%, 0%, 5%, 11%)
CSS
color: #c3e3d7;
CSS variable
--color-c3e3d7: #c3e3d7;
SCSS
$color-c3e3d7: #c3e3d7;
Tailwind
emerald-100
Export
:root {
--#c3e3d7-1: #c3e3d7;
}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.