Preview
#fdfbf4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.28:1
HEX
#fdfbf4
RGB
rgb(253, 251, 244)
RGBA
rgba(253, 251, 244, 1)
HSL
hsl(47, 69%, 97%)
HSV
hsv(47, 4%, 99%)
LAB
lab(98.59% -0.54 3.58)
LCH
lch(98.59% 3.62 98.58)
OKLAB
oklab(0.9877 -0.0006 0.0094)
OKLCH
oklch(0.9877 0.0094 93.65)
XYZ
xyz(91.33, 96.41, 99.37)
CMYK
cmyk(0%, 1%, 4%, 1%)
CSS
color: #fdfbf4;
CSS variable
--color-fdfbf4: #fdfbf4;
SCSS
$color-fdfbf4: #fdfbf4;
Tailwind
orange-50
Export
:root {
--#fdfbf4-1: #fdfbf4;
}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.