Preview
#f0faf8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.73:1
HEX
#f0faf8
RGB
rgb(240, 250, 248)
RGBA
rgba(240, 250, 248, 1)
HSL
hsl(168, 50%, 96%)
HSV
hsv(168, 4%, 98%)
LAB
lab(97.5% -3.64 -0.18)
LCH
lch(97.5% 3.64 182.83)
OKLAB
oklab(0.9771 -0.0109 -0.0005)
OKLCH
oklch(0.9771 0.0109 182.63)
XYZ
xyz(87.06, 93.67, 102.28)
CMYK
cmyk(4%, 0%, 1%, 2%)
CSS
color: #f0faf8;
CSS variable
--color-f0faf8: #f0faf8;
SCSS
$color-f0faf8: #f0faf8;
Tailwind
teal-50
Export
:root {
--#f0faf8-1: #f0faf8;
}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.