Preview
#fafdf3
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.41:1
HEX
#fafdf3
RGB
rgb(250, 253, 243)
RGBA
rgba(250, 253, 243, 1)
HSL
hsl(78, 71%, 97%)
HSV
hsv(78, 4%, 99%)
LAB
lab(98.85% -2.72 4.43)
LCH
lch(98.85% 5.2 121.55)
OKLAB
oklab(0.9891 -0.0068 0.0117)
OKLCH
oklch(0.9891 0.0135 120.17)
XYZ
xyz(90.72, 97.05, 98.73)
CMYK
cmyk(1%, 0%, 4%, 1%)
CSS
color: #fafdf3;
CSS variable
--color-fafdf3: #fafdf3;
SCSS
$color-fafdf3: #fafdf3;
Tailwind
amber-50
Export
:root {
--#fafdf3-1: #fafdf3;
}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.