Preview
#f0fffd
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.43:1
HEX
#f0fffd
RGB
rgb(240, 255, 253)
RGBA
rgba(240, 255, 253, 1)
HSL
hsl(172, 100%, 97%)
HSV
hsv(172, 6%, 100%)
LAB
lab(98.88% -5.25 -0.74)
LCH
lch(98.88% 5.3 188.02)
OKLAB
oklab(0.9884 -0.0158 -0.002)
OKLCH
oklch(0.9884 0.0159 187.21)
XYZ
xyz(89.42, 97.14, 106.95)
CMYK
cmyk(6%, 0%, 1%, 0%)
CSS
color: #f0fffd;
CSS variable
--color-f0fffd: #f0fffd;
SCSS
$color-f0fffd: #f0fffd;
Tailwind
teal-50
Export
:root {
--#f0fffd-1: #f0fffd;
}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.