Preview
#f3f7f3
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.41:1
HEX
#f3f7f3
RGB
rgb(243, 247, 243)
RGBA
rgba(243, 247, 243, 1)
HSL
hsl(120, 20%, 96%)
HSV
hsv(120, 2%, 97%)
LAB
lab(96.84% -2.03 1.45)
LCH
lch(96.84% 2.49 144.46)
OKLAB
oklab(0.972 -0.0056 0.0038)
OKLCH
oklch(0.972 0.0068 145.84)
XYZ
xyz(86.40, 92.05, 97.99)
CMYK
cmyk(2%, 0%, 2%, 3%)
CSS
color: #f3f7f3;
CSS variable
--color-f3f7f3: #f3f7f3;
SCSS
$color-f3f7f3: #f3f7f3;
Tailwind
green-50
Export
:root {
--#f3f7f3-1: #f3f7f3;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.