Preview
#f5fffc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.59:1
HEX
#f5fffc
RGB
rgb(245, 255, 252)
RGBA
rgba(245, 255, 252, 1)
HSL
hsl(162, 100%, 98%)
HSV
hsv(162, 4%, 100%)
LAB
lab(99.21% -3.81 0.29)
LCH
lch(99.21% 3.82 175.65)
OKLAB
oklab(0.9917 -0.0112 0.0007)
OKLCH
oklch(0.9917 0.0112 176.42)
XYZ
xyz(90.98, 97.96, 106.19)
CMYK
cmyk(4%, 0%, 1%, 0%)
CSS
color: #f5fffc;
CSS variable
--color-f5fffc: #f5fffc;
SCSS
$color-f5fffc: #f5fffc;
Tailwind
teal-50
Export
:root {
--#f5fffc-1: #f5fffc;
}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.