Preview
#f7fffe
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.01:1 · vs black: 20.69:1
HEX
#f7fffe
RGB
rgb(247, 255, 254)
RGBA
rgba(247, 255, 254, 1)
HSL
hsl(173, 100%, 98%)
HSV
hsv(173, 3%, 100%)
LAB
lab(99.4% -2.8 -0.44)
LCH
lch(99.4% 2.83 188.93)
OKLAB
oklab(0.9937 -0.0084 -0.0012)
OKLCH
oklch(0.9937 0.0085 188.13)
XYZ
xyz(92.00, 98.45, 107.90)
CMYK
cmyk(3%, 0%, 0%, 0%)
CSS
color: #f7fffe;
CSS variable
--color-f7fffe: #f7fffe;
SCSS
$color-f7fffe: #f7fffe;
Tailwind
teal-50
Export
:root {
--#f7fffe-1: #f7fffe;
}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.