Preview
#f4fffb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.54:1
HEX
#f4fffb
RGB
rgb(244, 255, 251)
RGBA
rgba(244, 255, 251, 1)
HSL
hsl(158, 100%, 98%)
HSV
hsv(158, 4%, 100%)
LAB
lab(99.11% -4.31 0.66)
LCH
lch(99.11% 4.36 171.29)
OKLAB
oklab(0.9907 -0.0126 0.0017)
OKLCH
oklch(0.9907 0.0127 172.32)
XYZ
xyz(90.48, 97.72, 105.34)
CMYK
cmyk(4%, 0%, 2%, 0%)
CSS
color: #f4fffb;
CSS variable
--color-f4fffb: #f4fffb;
SCSS
$color-f4fffb: #f4fffb;
Tailwind
emerald-50
Export
:root {
--#f4fffb-1: #f4fffb;
}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.