Preview
#fafffd
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.01:1 · vs black: 20.79:1
HEX
#fafffd
RGB
rgb(250, 255, 253)
RGBA
rgba(250, 255, 253, 1)
HSL
hsl(156, 100%, 99%)
HSV
hsv(156, 2%, 100%)
LAB
lab(99.59% -1.99 0.38)
LCH
lch(99.59% 2.03 169.19)
OKLAB
oklab(0.9957 -0.0058 0.001)
OKLCH
oklch(0.9957 0.0059 170.22)
XYZ
xyz(92.91, 98.94, 107.11)
CMYK
cmyk(2%, 0%, 1%, 0%)
CSS
color: #fafffd;
CSS variable
--color-fafffd: #fafffd;
SCSS
$color-fafffd: #fafffd;
Tailwind
emerald-50
Export
:root {
--#fafffd-1: #fafffd;
}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.