Preview
#ecf8f5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.31:1
HEX
#ecf8f5
RGB
rgb(236, 248, 245)
RGBA
rgba(236, 248, 245, 1)
HSL
hsl(165, 46%, 95%)
HSV
hsv(165, 5%, 97%)
LAB
lab(96.64% -4.48 0.07)
LCH
lch(96.64% 4.48 179.1)
OKLAB
oklab(0.9694 -0.0133 0.0001)
OKLCH
oklch(0.9694 0.0133 179.57)
XYZ
xyz(84.64, 91.56, 99.58)
CMYK
cmyk(5%, 0%, 1%, 3%)
CSS
color: #ecf8f5;
CSS variable
--color-ecf8f5: #ecf8f5;
SCSS
$color-ecf8f5: #ecf8f5;
Tailwind
teal-50
Export
:root {
--#ecf8f5-1: #ecf8f5;
}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.