Preview
#e7f3ef
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.46:1
HEX
#e7f3ef
RGB
rgb(231, 243, 239)
RGBA
rgba(231, 243, 239, 1)
HSL
hsl(160, 33%, 93%)
HSV
hsv(160, 5%, 95%)
LAB
lab(94.87% -4.68 0.55)
LCH
lch(94.87% 4.71 173.3)
OKLAB
oklab(0.9541 -0.0137 0.0014)
OKLCH
oklch(0.9541 0.0138 174.17)
XYZ
xyz(80.58, 87.32, 94.25)
CMYK
cmyk(5%, 0%, 2%, 5%)
CSS
color: #e7f3ef;
CSS variable
--color-e7f3ef: #e7f3ef;
SCSS
$color-e7f3ef: #e7f3ef;
Tailwind
teal-50
Export
:root {
--#e7f3ef-1: #e7f3ef;
}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.