Preview
#f8f9f4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.85:1
HEX
#f8f9f4
RGB
rgb(248, 249, 244)
RGBA
rgba(248, 249, 244, 1)
HSL
hsl(72, 29%, 97%)
HSV
hsv(72, 2%, 98%)
LAB
lab(97.73% -1.2 2.28)
LCH
lch(97.73% 2.58 117.76)
OKLAB
oklab(0.98 -0.0029 0.006)
OKLCH
oklch(0.98 0.0067 115.8)
XYZ
xyz(88.91, 94.24, 99.08)
CMYK
cmyk(0%, 0%, 2%, 2%)
CSS
color: #f8f9f4;
CSS variable
--color-f8f9f4: #f8f9f4;
SCSS
$color-f8f9f4: #f8f9f4;
Tailwind
amber-50
Export
:root {
--#f8f9f4-1: #f8f9f4;
}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.