Preview
#f9f1b3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.26:1
HEX
#f9f1b3
RGB
rgb(249, 241, 179)
RGBA
rgba(249, 241, 179, 1)
HSL
hsl(53, 85%, 84%)
HSV
hsv(53, 28%, 98%)
LAB
lab(94.44% -6.62 30.99)
LCH
lch(94.44% 31.69 102.06)
OKLAB
oklab(0.9498 -0.016 0.0779)
OKLCH
oklch(0.9498 0.0795 101.61)
XYZ
xyz(78.66, 86.31, 55.15)
CMYK
cmyk(0%, 3%, 28%, 2%)
CSS
color: #f9f1b3;
CSS variable
--color-f9f1b3: #f9f1b3;
SCSS
$color-f9f1b3: #f9f1b3;
Tailwind
orange-100
Export
:root {
--#f9f1b3-1: #f9f1b3;
}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.