Preview
#f2fbfa
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.95:1
HEX
#f2fbfa
RGB
rgb(242, 251, 250)
RGBA
rgba(242, 251, 250, 1)
HSL
hsl(173, 53%, 97%)
HSV
hsv(173, 4%, 98%)
LAB
lab(97.94% -3.13 -0.55)
LCH
lch(97.94% 3.18 189.97)
OKLAB
oklab(0.9811 -0.0095 -0.0015)
OKLCH
oklch(0.9811 0.0096 188.97)
XYZ
xyz(88.37, 94.77, 104.06)
CMYK
cmyk(4%, 0%, 0%, 2%)
CSS
color: #f2fbfa;
CSS variable
--color-f2fbfa: #f2fbfa;
SCSS
$color-f2fbfa: #f2fbfa;
Tailwind
teal-50
Export
:root {
--#f2fbfa-1: #f2fbfa;
}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.