Preview
#f2fae2
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.55:1
HEX
#f2fae2
RGB
rgb(242, 250, 226)
RGBA
rgba(242, 250, 226, 1)
HSL
hsl(80, 71%, 93%)
HSV
hsv(80, 10%, 98%)
LAB
lab(97.12% -6.76 10.61)
LCH
lch(97.12% 12.58 122.5)
OKLAB
oklab(0.9727 -0.0173 0.0276)
OKLCH
oklch(0.9727 0.0326 122.08)
XYZ
xyz(84.53, 92.74, 85.38)
CMYK
cmyk(3%, 0%, 10%, 2%)
CSS
color: #f2fae2;
CSS variable
--color-f2fae2: #f2fae2;
SCSS
$color-f2fae2: #f2fae2;
Tailwind
yellow-50
Export
:root {
--#f2fae2-1: #f2fae2;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.