Preview
#fffdf7
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.65:1
HEX
#fffdf7
RGB
rgb(255, 253, 247)
RGBA
rgba(255, 253, 247, 1)
HSL
hsl(45, 100%, 98%)
HSV
hsv(45, 3%, 100%)
LAB
lab(99.31% -0.37 3.1)
LCH
lch(99.31% 3.12 96.81)
OKLAB
oklab(0.9939 -0.0002 0.0082)
OKLCH
oklch(0.9939 0.0082 91.4)
XYZ
xyz(93.15, 98.23, 102.03)
CMYK
cmyk(0%, 1%, 3%, 0%)
CSS
color: #fffdf7;
CSS variable
--color-fffdf7: #fffdf7;
SCSS
$color-fffdf7: #fffdf7;
Tailwind
orange-50
Export
:root {
--#fffdf7-1: #fffdf7;
}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.