Preview
#f5fffb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.58:1
HEX
#f5fffb
RGB
rgb(245, 255, 251)
RGBA
rgba(245, 255, 251, 1)
HSL
hsl(156, 100%, 98%)
HSV
hsv(156, 4%, 100%)
LAB
lab(99.18% -3.98 0.77)
LCH
lch(99.18% 4.05 169.05)
OKLAB
oklab(0.9914 -0.0116 0.002)
OKLCH
oklch(0.9914 0.0118 170.22)
XYZ
xyz(90.83, 97.90, 105.36)
CMYK
cmyk(4%, 0%, 2%, 0%)
CSS
color: #f5fffb;
CSS variable
--color-f5fffb: #f5fffb;
SCSS
$color-f5fffb: #f5fffb;
Tailwind
emerald-50
Export
:root {
--#f5fffb-1: #f5fffb;
}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.