Preview
#c6e5d9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.61:1
HEX
#c6e5d9
RGB
rgb(198, 229, 217)
RGBA
rgba(198, 229, 217, 1)
HSL
hsl(157, 37%, 84%)
HSV
hsv(157, 14%, 90%)
LAB
lab(88.47% -12.46 2.43)
LCH
lch(88.47% 12.69 168.96)
OKLAB
oklab(0.896 -0.0359 0.0062)
OKLCH
oklch(0.896 0.0364 170.2)
XYZ
xyz(63.83, 73.05, 76.37)
CMYK
cmyk(14%, 0%, 5%, 10%)
CSS
color: #c6e5d9;
CSS variable
--color-c6e5d9: #c6e5d9;
SCSS
$color-c6e5d9: #c6e5d9;
Tailwind
emerald-100
Export
:root {
--#c6e5d9-1: #c6e5d9;
}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.