Preview
#fafff3
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.66:1
HEX
#fafff3
RGB
rgb(250, 255, 243)
RGBA
rgba(250, 255, 243, 1)
HSL
hsl(85, 100%, 98%)
HSV
hsv(85, 5%, 100%)
LAB
lab(99.34% -3.73 5.15)
LCH
lch(99.34% 6.36 125.91)
OKLAB
oklab(0.993 -0.0096 0.0135)
OKLCH
oklch(0.993 0.0166 125.42)
XYZ
xyz(91.36, 98.32, 98.94)
CMYK
cmyk(2%, 0%, 5%, 0%)
CSS
color: #fafff3;
CSS variable
--color-fafff3: #fafff3;
SCSS
$color-fafff3: #fafff3;
Tailwind
yellow-50
Export
:root {
--#fafff3-1: #fafff3;
}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.