Preview
#f0f9e4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.38:1
HEX
#f0f9e4
RGB
rgb(240, 249, 228)
RGBA
rgba(240, 249, 228, 1)
HSL
hsl(86, 64%, 94%)
HSV
hsv(86, 8%, 98%)
LAB
lab(96.77% -6.61 9.06)
LCH
lch(96.77% 11.21 126.11)
OKLAB
oklab(0.9697 -0.0171 0.0236)
OKLCH
oklch(0.9697 0.0291 125.93)
XYZ
xyz(83.81, 91.88, 86.70)
CMYK
cmyk(4%, 0%, 8%, 2%)
CSS
color: #f0f9e4;
CSS variable
--color-f0f9e4: #f0f9e4;
SCSS
$color-f0f9e4: #f0f9e4;
Tailwind
yellow-50
Export
:root {
--#f0f9e4-1: #f0f9e4;
}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.