Preview
#f9f9f4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.88:1
HEX
#f9f9f4
RGB
rgb(249, 249, 244)
RGBA
rgba(249, 249, 244, 1)
HSL
hsl(60, 29%, 97%)
HSV
hsv(60, 2%, 98%)
LAB
lab(97.8% -0.87 2.39)
LCH
lch(97.8% 2.54 110)
OKLAB
oklab(0.9807 -0.0019 0.0063)
OKLCH
oklch(0.9807 0.0066 106.78)
XYZ
xyz(89.27, 94.42, 99.09)
CMYK
cmyk(0%, 0%, 2%, 2%)
CSS
color: #f9f9f4;
CSS variable
--color-f9f9f4: #f9f9f4;
SCSS
$color-f9f9f4: #f9f9f4;
Tailwind
amber-50
Export
:root {
--#f9f9f4-1: #f9f9f4;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.