Preview
#d2f8e9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.34:1
HEX
#d2f8e9
RGB
rgb(210, 248, 233)
RGBA
rgba(210, 248, 233, 1)
HSL
hsl(156, 73%, 90%)
HSV
hsv(156, 15%, 97%)
LAB
lab(94.62% -15.07 3.12)
LCH
lch(94.62% 15.39 168.3)
OKLAB
oklab(0.948 -0.0434 0.008)
OKLCH
oklch(0.948 0.0441 169.56)
XYZ
xyz(74.85, 86.72, 89.87)
CMYK
cmyk(15%, 0%, 6%, 3%)
CSS
color: #d2f8e9;
CSS variable
--color-d2f8e9: #d2f8e9;
SCSS
$color-d2f8e9: #d2f8e9;
Tailwind
emerald-100
Export
:root {
--#d2f8e9-1: #d2f8e9;
}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.