Preview
#fffdf1
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.57:1
HEX
#fffdf1
RGB
rgb(255, 253, 241)
RGBA
rgba(255, 253, 241, 1)
HSL
hsl(51, 100%, 97%)
HSV
hsv(51, 5%, 100%)
LAB
lab(99.17% -1.38 5.97)
LCH
lch(99.17% 6.13 103.02)
OKLAB
oklab(0.9923 -0.0025 0.0157)
OKLCH
oklch(0.9923 0.0159 99.05)
XYZ
xyz(92.24, 97.86, 97.23)
CMYK
cmyk(0%, 1%, 5%, 0%)
CSS
color: #fffdf1;
CSS variable
--color-fffdf1: #fffdf1;
SCSS
$color-fffdf1: #fffdf1;
Tailwind
orange-50
Export
:root {
--#fffdf1-1: #fffdf1;
}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.