Preview
#fafff4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.68:1
HEX
#fafff4
RGB
rgb(250, 255, 244)
RGBA
rgba(250, 255, 244, 1)
HSL
hsl(87, 100%, 98%)
HSV
hsv(87, 4%, 100%)
LAB
lab(99.37% -3.56 4.68)
LCH
lch(99.37% 5.88 127.26)
OKLAB
oklab(0.9932 -0.0092 0.0123)
OKLCH
oklch(0.9932 0.0154 126.8)
XYZ
xyz(91.51, 98.38, 99.74)
CMYK
cmyk(2%, 0%, 4%, 0%)
CSS
color: #fafff4;
CSS variable
--color-fafff4: #fafff4;
SCSS
$color-fafff4: #fafff4;
Tailwind
yellow-50
Export
:root {
--#fafff4-1: #fafff4;
}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.