Preview
#f1f7e9
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.22:1
HEX
#f1f7e9
RGB
rgb(241, 247, 233)
RGBA
rgba(241, 247, 233, 1)
HSL
hsl(86, 47%, 94%)
HSV
hsv(86, 6%, 97%)
LAB
lab(96.45% -4.43 6.03)
LCH
lch(96.45% 7.48 126.3)
OKLAB
oklab(0.9678 -0.0114 0.0158)
OKLCH
oklch(0.9678 0.0195 125.81)
XYZ
xyz(84.24, 91.11, 90.22)
CMYK
cmyk(2%, 0%, 6%, 3%)
CSS
color: #f1f7e9;
CSS variable
--color-f1f7e9: #f1f7e9;
SCSS
$color-f1f7e9: #f1f7e9;
Tailwind
yellow-50
Export
:root {
--#f1f7e9-1: #f1f7e9;
}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.