Preview
#f2f8f7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.55:1
HEX
#f2f8f7
RGB
rgb(242, 248, 247)
RGBA
rgba(242, 248, 247, 1)
HSL
hsl(170, 30%, 96%)
HSV
hsv(170, 2%, 97%)
LAB
lab(97.12% -2.16 -0.21)
LCH
lch(97.12% 2.17 185.55)
OKLAB
oklab(0.9743 -0.0065 -0.0006)
OKLCH
oklch(0.9743 0.0065 185.27)
XYZ
xyz(86.97, 92.73, 101.29)
CMYK
cmyk(2%, 0%, 0%, 3%)
CSS
color: #f2f8f7;
CSS variable
--color-f2f8f7: #f2f8f7;
SCSS
$color-f2f8f7: #f2f8f7;
Tailwind
teal-50
Export
:root {
--#f2f8f7-1: #f2f8f7;
}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.