Preview
#f9f6e2
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.31:1
HEX
#f9f6e2
RGB
rgb(249, 246, 226)
RGBA
rgba(249, 246, 226, 1)
HSL
hsl(52, 66%, 93%)
HSV
hsv(52, 9%, 98%)
LAB
lab(96.63% -2.36 9.98)
LCH
lch(96.63% 10.26 103.3)
OKLAB
oklab(0.9701 -0.0045 0.0261)
OKLCH
oklch(0.9701 0.0265 99.78)
XYZ
xyz(85.75, 91.54, 85.09)
CMYK
cmyk(0%, 1%, 9%, 2%)
CSS
color: #f9f6e2;
CSS variable
--color-f9f6e2: #f9f6e2;
SCSS
$color-f9f6e2: #f9f6e2;
Tailwind
orange-50
Export
:root {
--#f9f6e2-1: #f9f6e2;
}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.