Preview
#f5fbfa
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 20.06:1
HEX
#f5fbfa
RGB
rgb(245, 251, 250)
RGBA
rgba(245, 251, 250, 1)
HSL
hsl(170, 43%, 97%)
HSV
hsv(170, 2%, 98%)
LAB
lab(98.16% -2.15 -0.21)
LCH
lch(98.16% 2.16 185.58)
OKLAB
oklab(0.9833 -0.0064 -0.0006)
OKLCH
oklch(0.9833 0.0064 185.36)
XYZ
xyz(89.41, 95.31, 104.11)
CMYK
cmyk(2%, 0%, 0%, 2%)
CSS
color: #f5fbfa;
CSS variable
--color-f5fbfa: #f5fbfa;
SCSS
$color-f5fbfa: #f5fbfa;
Tailwind
teal-50
Export
:root {
--#f5fbfa-1: #f5fbfa;
}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.