Preview
#fafcf7
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.33:1
HEX
#fafcf7
RGB
rgb(250, 252, 247)
RGBA
rgba(250, 252, 247, 1)
HSL
hsl(84, 45%, 98%)
HSV
hsv(84, 2%, 99%)
LAB
lab(98.69% -1.53 2.16)
LCH
lch(98.69% 2.65 125.31)
OKLAB
oklab(0.9882 -0.0039 0.0057)
OKLCH
oklch(0.9882 0.0069 124.38)
XYZ
xyz(91.02, 96.66, 101.84)
CMYK
cmyk(1%, 0%, 2%, 1%)
CSS
color: #fafcf7;
CSS variable
--color-fafcf7: #fafcf7;
SCSS
$color-fafcf7: #fafcf7;
Tailwind
yellow-50
Export
:root {
--#fafcf7-1: #fafcf7;
}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.