Preview
#e7efec
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.96:1
HEX
#e7efec
RGB
rgb(231, 239, 236)
RGBA
rgba(231, 239, 236, 1)
HSL
hsl(158, 20%, 92%)
HSV
hsv(158, 3%, 94%)
LAB
lab(93.79% -3.19 0.52)
LCH
lch(93.79% 3.23 170.74)
OKLAB
oklab(0.9452 -0.0093 0.0013)
OKLCH
oklch(0.9452 0.0094 172.04)
XYZ
xyz(78.96, 84.78, 91.54)
CMYK
cmyk(3%, 0%, 1%, 6%)
CSS
color: #e7efec;
CSS variable
--color-e7efec: #e7efec;
SCSS
$color-e7efec: #e7efec;
Tailwind
emerald-50
Export
:root {
--#e7efec-1: #e7efec;
}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.