Preview
#fffbeb
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.25:1
HEX
#fffbeb
RGB
rgb(255, 251, 235)
RGBA
rgba(255, 251, 235, 1)
HSL
hsl(48, 100%, 96%)
HSV
hsv(48, 8%, 100%)
LAB
lab(98.53% -1.36 8.13)
LCH
lch(98.53% 8.24 99.5)
OKLAB
oklab(0.9869 -0.002 0.0213)
OKLCH
oklch(0.9869 0.0214 95.36)
XYZ
xyz(90.73, 96.25, 92.38)
CMYK
cmyk(0%, 2%, 8%, 0%)
CSS
color: #fffbeb;
CSS variable
--color-fffbeb: #fffbeb;
SCSS
$color-fffbeb: #fffbeb;
Tailwind
orange-50
Export
:root {
--tailwind-amber-50-1: #fffbeb;
}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.