Preview
#f1f4f3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.97:1
HEX
#f1f4f3
RGB
rgb(241, 244, 243)
RGBA
rgba(241, 244, 243, 1)
HSL
hsl(160, 12%, 95%)
HSV
hsv(160, 1%, 96%)
LAB
lab(95.94% -1.17 0.13)
LCH
lch(95.94% 1.18 173.66)
OKLAB
oklab(0.9646 -0.0034 0.0003)
OKLCH
oklch(0.9646 0.0034 174.96)
XYZ
xyz(84.80, 89.87, 97.66)
CMYK
cmyk(1%, 0%, 0%, 4%)
CSS
color: #f1f4f3;
CSS variable
--color-f1f4f3: #f1f4f3;
SCSS
$color-f1f4f3: #f1f4f3;
Tailwind
teal-50
Export
:root {
--#f1f4f3-1: #f1f4f3;
}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.