Preview
#f2f1e9
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.53:1
HEX
#f2f1e9
RGB
rgb(242, 241, 233)
RGBA
rgba(242, 241, 233, 1)
HSL
hsl(53, 26%, 93%)
HSV
hsv(53, 4%, 95%)
LAB
lab(95.02% -1.05 3.97)
LCH
lch(95.02% 4.11 104.81)
OKLAB
oklab(0.9567 -0.002 0.0105)
OKLCH
oklch(0.9567 0.0107 100.78)
XYZ
xyz(82.78, 87.67, 89.64)
CMYK
cmyk(0%, 0%, 4%, 5%)
CSS
color: #f2f1e9;
CSS variable
--color-f2f1e9: #f2f1e9;
SCSS
$color-f2f1e9: #f2f1e9;
Tailwind
orange-50
Export
:root {
--#f2f1e9-1: #f2f1e9;
}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.