Preview
#fafef4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.55:1
HEX
#fafef4
RGB
rgb(250, 254, 244)
RGBA
rgba(250, 254, 244, 1)
HSL
hsl(84, 83%, 98%)
HSV
hsv(84, 4%, 100%)
LAB
lab(99.12% -3.06 4.31)
LCH
lch(99.12% 5.29 125.37)
OKLAB
oklab(0.9913 -0.0078 0.0113)
OKLCH
oklch(0.9913 0.0137 124.62)
XYZ
xyz(91.19, 97.74, 99.63)
CMYK
cmyk(2%, 0%, 4%, 0%)
CSS
color: #fafef4;
CSS variable
--color-fafef4: #fafef4;
SCSS
$color-fafef4: #fafef4;
Tailwind
yellow-50
Export
:root {
--#fafef4-1: #fafef4;
}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.