Preview
#f0f2ed
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.63:1
HEX
#f0f2ed
RGB
rgb(240, 242, 237)
RGBA
rgba(240, 242, 237, 1)
HSL
hsl(84, 16%, 94%)
HSV
hsv(84, 2%, 95%)
LAB
lab(95.22% -1.54 2.17)
LCH
lch(95.22% 2.66 125.36)
OKLAB
oklab(0.9582 -0.0039 0.0057)
OKLCH
oklch(0.9582 0.0069 124.38)
XYZ
xyz(82.97, 88.14, 92.75)
CMYK
cmyk(1%, 0%, 2%, 5%)
CSS
color: #f0f2ed;
CSS variable
--color-f0f2ed: #f0f2ed;
SCSS
$color-f0f2ed: #f0f2ed;
Tailwind
yellow-50
Export
:root {
--#f0f2ed-1: #f0f2ed;
}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.