Preview
#fbf6dd
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.33:1
HEX
#fbf6dd
RGB
rgb(251, 246, 221)
RGBA
rgba(251, 246, 221, 1)
HSL
hsl(50, 79%, 93%)
HSV
hsv(50, 12%, 98%)
LAB
lab(96.67% -2.45 12.63)
LCH
lch(96.67% 12.87 100.98)
OKLAB
oklab(0.9705 -0.0044 0.0328)
OKLCH
oklch(0.9705 0.0331 97.64)
XYZ
xyz(85.79, 91.64, 81.56)
CMYK
cmyk(0%, 2%, 12%, 2%)
CSS
color: #fbf6dd;
CSS variable
--color-fbf6dd: #fbf6dd;
SCSS
$color-fbf6dd: #fbf6dd;
Tailwind
orange-50
Export
:root {
--#fbf6dd-1: #fbf6dd;
}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.