Preview
#fafcf5
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.31:1
HEX
#fafcf5
RGB
rgb(250, 252, 245)
RGBA
rgba(250, 252, 245, 1)
HSL
hsl(77, 54%, 97%)
HSV
hsv(77, 3%, 99%)
LAB
lab(98.65% -1.88 3.11)
LCH
lch(98.65% 3.63 121.15)
OKLAB
oklab(0.9876 -0.0047 0.0082)
OKLCH
oklch(0.9876 0.0095 119.82)
XYZ
xyz(90.71, 96.54, 100.22)
CMYK
cmyk(1%, 0%, 3%, 1%)
CSS
color: #fafcf5;
CSS variable
--color-fafcf5: #fafcf5;
SCSS
$color-fafcf5: #fafcf5;
Tailwind
amber-50
Export
:root {
--#fafcf5-1: #fafcf5;
}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.