Preview
#f7fff2
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.54:1
HEX
#f7fff2
RGB
rgb(247, 255, 242)
RGBA
rgba(247, 255, 242, 1)
HSL
hsl(97, 100%, 97%)
HSV
hsv(97, 5%, 100%)
LAB
lab(99.11% -4.9 5.29)
LCH
lch(99.11% 7.21 132.81)
OKLAB
oklab(0.9905 -0.013 0.0139)
OKLCH
oklch(0.9905 0.019 133.08)
XYZ
xyz(90.14, 97.70, 98.10)
CMYK
cmyk(3%, 0%, 5%, 0%)
CSS
color: #f7fff2;
CSS variable
--color-f7fff2: #f7fff2;
SCSS
$color-f7fff2: #f7fff2;
Tailwind
yellow-50
Export
:root {
--#f7fff2-1: #f7fff2;
}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.