Preview
#f5fdec
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.14:1
HEX
#f5fdec
RGB
rgb(245, 253, 236)
RGBA
rgba(245, 253, 236, 1)
HSL
hsl(88, 81%, 96%)
HSV
hsv(88, 7%, 99%)
LAB
lab(98.32% -5.59 7.22)
LCH
lch(98.32% 9.13 127.75)
OKLAB
oklab(0.9835 -0.0145 0.0189)
OKLCH
oklch(0.9835 0.0238 127.5)
XYZ
xyz(87.92, 95.72, 93.18)
CMYK
cmyk(3%, 0%, 7%, 1%)
CSS
color: #f5fdec;
CSS variable
--color-f5fdec: #f5fdec;
SCSS
$color-f5fdec: #f5fdec;
Tailwind
yellow-50
Export
:root {
--#f5fdec-1: #f5fdec;
}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.