Preview
#fff9e7
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.96:1
HEX
#fff9e7
RGB
rgb(255, 249, 231)
RGBA
rgba(255, 249, 231, 1)
HSL
hsl(45, 100%, 95%)
HSV
hsv(45, 9%, 100%)
LAB
lab(97.95% -1 9.34)
LCH
lch(97.95% 9.39 96.11)
OKLAB
oklab(0.982 -0.0007 0.0244)
OKLCH
oklch(0.982 0.0244 91.64)
XYZ
xyz(89.54, 94.78, 89.16)
CMYK
cmyk(0%, 2%, 9%, 0%)
CSS
color: #fff9e7;
CSS variable
--color-fff9e7: #fff9e7;
SCSS
$color-fff9e7: #fff9e7;
Tailwind
orange-50
Export
:root {
--#fff9e7-1: #fff9e7;
}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.