Preview
#f0fdf4
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 20.06:1
HEX
#f0fdf4
RGB
rgb(240, 253, 244)
RGBA
rgba(240, 253, 244, 1)
HSL
hsl(138, 76%, 97%)
HSV
hsv(138, 5%, 99%)
LAB
lab(98.16% -5.86 2.83)
LCH
lch(98.16% 6.51 154.22)
OKLAB
oklab(0.9819 -0.0165 0.0074)
OKLCH
oklch(0.9819 0.0181 155.84)
XYZ
xyz(87.39, 95.31, 99.36)
CMYK
cmyk(5%, 0%, 4%, 1%)
CSS
color: #f0fdf4;
CSS variable
--color-f0fdf4: #f0fdf4;
SCSS
$color-f0fdf4: #f0fdf4;
Tailwind
green-50
Export
:root {
--tailwind-green-50-1: #f0fdf4;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.