Preview
#f5fcfa
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.19:1
HEX
#f5fcfa
RGB
rgb(245, 252, 250)
RGBA
rgba(245, 252, 250, 1)
HSL
hsl(163, 54%, 97%)
HSV
hsv(163, 3%, 99%)
LAB
lab(98.41% -2.65 0.15)
LCH
lch(98.41% 2.65 176.76)
OKLAB
oklab(0.9853 -0.0078 0.0004)
OKLCH
oklch(0.9853 0.0078 177.06)
XYZ
xyz(89.72, 95.94, 104.21)
CMYK
cmyk(3%, 0%, 1%, 1%)
CSS
color: #f5fcfa;
CSS variable
--color-f5fcfa: #f5fcfa;
SCSS
$color-f5fcfa: #f5fcfa;
Tailwind
teal-50
Export
:root {
--#f5fcfa-1: #f5fcfa;
}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.