Preview
#f9f09f
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.99:1
HEX
#f9f09f
RGB
rgb(249, 240, 159)
RGBA
rgba(249, 240, 159, 1)
HSL
hsl(54, 88%, 80%)
HSV
hsv(54, 36%, 98%)
LAB
lab(93.87% -8.5 40.27)
LCH
lch(93.87% 41.16 101.92)
OKLAB
oklab(0.9442 -0.0224 0.0992)
OKLCH
oklch(0.9442 0.1017 102.72)
XYZ
xyz(76.49, 84.96, 45.16)
CMYK
cmyk(0%, 4%, 36%, 2%)
CSS
color: #f9f09f;
CSS variable
--color-f9f09f: #f9f09f;
SCSS
$color-f9f09f: #f9f09f;
Tailwind
orange-200
Export
:root {
--#f9f09f-1: #f9f09f;
}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.