Preview
#fbf4bd
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.78:1
HEX
#fbf4bd
RGB
rgb(251, 244, 189)
RGBA
rgba(251, 244, 189, 1)
HSL
hsl(53, 89%, 86%)
HSV
hsv(53, 25%, 98%)
LAB
lab(95.53% -6.08 27.42)
LCH
lch(95.53% 28.09 102.5)
OKLAB
oklab(0.9594 -0.0142 0.0694)
OKLCH
oklch(0.9594 0.0708 101.56)
XYZ
xyz(81.32, 88.89, 61.01)
CMYK
cmyk(0%, 3%, 25%, 2%)
CSS
color: #fbf4bd;
CSS variable
--color-fbf4bd: #fbf4bd;
SCSS
$color-fbf4bd: #fbf4bd;
Tailwind
orange-100
Export
:root {
--#fbf4bd-1: #fbf4bd;
}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.