Preview
#f4f1de
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.48:1
HEX
#f4f1de
RGB
rgb(244, 241, 222)
RGBA
rgba(244, 241, 222, 1)
HSL
hsl(52, 50%, 91%)
HSV
hsv(52, 9%, 96%)
LAB
lab(94.92% -2.2 9.53)
LCH
lch(94.92% 9.78 103)
OKLAB
oklab(0.9554 -0.0042 0.0249)
OKLCH
oklch(0.9554 0.0253 99.57)
XYZ
xyz(81.95, 87.42, 81.65)
CMYK
cmyk(0%, 1%, 9%, 4%)
CSS
color: #f4f1de;
CSS variable
--color-f4f1de: #f4f1de;
SCSS
$color-f4f1de: #f4f1de;
Tailwind
orange-50
Export
:root {
--#f4f1de-1: #f4f1de;
}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.