Preview
#f7f6fe
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.57:1
HEX
#f7f6fe
RGB
rgb(247, 246, 254)
RGBA
rgba(247, 246, 254, 1)
HSL
hsl(248, 80%, 98%)
HSV
hsv(248, 3%, 100%)
LAB
lab(97.16% 1.76 -3.71)
LCH
lch(97.16% 4.11 295.38)
OKLAB
oklab(0.9762 0.004 -0.0099)
OKLCH
oklch(0.9762 0.0107 292)
XYZ
xyz(89.20, 92.84, 106.97)
CMYK
cmyk(3%, 3%, 0%, 0%)
CSS
color: #f7f6fe;
CSS variable
--color-f7f6fe: #f7f6fe;
SCSS
$color-f7f6fe: #f7f6fe;
Tailwind
indigo-50
Export
:root {
--#f7f6fe-1: #f7f6fe;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.