Preview
#fcfaf4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.12:1
HEX
#fcfaf4
RGB
rgb(252, 250, 244)
RGBA
rgba(252, 250, 244, 1)
HSL
hsl(45, 57%, 97%)
HSV
hsv(45, 3%, 99%)
LAB
lab(98.27% -0.37 3.1)
LCH
lch(98.27% 3.12 96.81)
OKLAB
oklab(0.985 -0.0002 0.0082)
OKLCH
oklch(0.985 0.0082 91.4)
XYZ
xyz(90.66, 95.60, 99.25)
CMYK
cmyk(0%, 1%, 3%, 1%)
CSS
color: #fcfaf4;
CSS variable
--color-fcfaf4: #fcfaf4;
SCSS
$color-fcfaf4: #fcfaf4;
Tailwind
orange-50
Export
:root {
--#fcfaf4-1: #fcfaf4;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.