Preview
#f0f6d1
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.81:1
HEX
#f0f6d1
RGB
rgb(240, 246, 209)
RGBA
rgba(240, 246, 209, 1)
HSL
hsl(70, 67%, 89%)
HSV
hsv(70, 15%, 96%)
LAB
lab(95.6% -8.16 17.16)
LCH
lch(95.6% 19 115.43)
OKLAB
oklab(0.9591 -0.0205 0.0443)
OKLCH
oklch(0.9591 0.0488 114.83)
XYZ
xyz(80.40, 89.04, 73.26)
CMYK
cmyk(2%, 0%, 15%, 4%)
CSS
color: #f0f6d1;
CSS variable
--color-f0f6d1: #f0f6d1;
SCSS
$color-f0f6d1: #f0f6d1;
Tailwind
amber-100
Export
:root {
--#f0f6d1-1: #f0f6d1;
}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.