Preview
#f0fff2
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.29:1
HEX
#f0fff2
RGB
rgb(240, 255, 242)
RGBA
rgba(240, 255, 242, 1)
HSL
hsl(128, 100%, 97%)
HSV
hsv(128, 6%, 100%)
LAB
lab(98.61% -7.22 4.52)
LCH
lch(98.61% 8.52 147.95)
OKLAB
oklab(0.9854 -0.02 0.0118)
OKLCH
oklch(0.9854 0.0232 149.46)
XYZ
xyz(87.72, 96.46, 97.98)
CMYK
cmyk(6%, 0%, 5%, 0%)
CSS
color: #f0fff2;
CSS variable
--color-f0fff2: #f0fff2;
SCSS
$color-f0fff2: #f0fff2;
Tailwind
green-50
Export
:root {
--#f0fff2-1: #f0fff2;
}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.