Preview
#f3f8ed
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.46:1
HEX
#f3f8ed
RGB
rgb(243, 248, 237)
RGBA
rgba(243, 248, 237, 1)
HSL
hsl(87, 44%, 95%)
HSV
hsv(87, 4%, 97%)
LAB
lab(96.94% -3.58 4.7)
LCH
lch(96.94% 5.91 127.3)
OKLAB
oklab(0.9723 -0.0092 0.0123)
OKLCH
oklch(0.9723 0.0154 126.8)
XYZ
xyz(85.81, 92.30, 93.40)
CMYK
cmyk(2%, 0%, 4%, 3%)
CSS
color: #f3f8ed;
CSS variable
--color-f3f8ed: #f3f8ed;
SCSS
$color-f3f8ed: #f3f8ed;
Tailwind
yellow-50
Export
:root {
--#f3f8ed-1: #f3f8ed;
}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.