Preview
#f7f8f7
Family: White
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.72:1
HEX
#f7f8f7
RGB
rgb(247, 248, 247)
RGBA
rgba(247, 248, 247, 1)
HSL
hsl(120, 7%, 97%)
HSV
hsv(120, 0%, 97%)
LAB
lab(97.48% -0.51 0.36)
LCH
lch(97.48% 0.62 144.78)
OKLAB
oklab(0.9781 -0.0014 0.001)
OKLCH
oklch(0.9781 0.0017 144.46)
XYZ
xyz(88.71, 93.62, 101.38)
CMYK
cmyk(0%, 0%, 0%, 3%)
CSS
color: #f7f8f7;
CSS variable
--color-f7f8f7: #f7f8f7;
SCSS
$color-f7f8f7: #f7f8f7;
Tailwind
slate-50
Export
:root {
--#f7f8f7-1: #f7f8f7;
}Simplicity, space, and clarity. Foundations for minimal and accessible layouts.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the White family.