Preview
#f3f1e4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.51:1
HEX
#f3f1e4
RGB
rgb(243, 241, 228)
RGBA
rgba(243, 241, 228, 1)
HSL
hsl(52, 38%, 92%)
HSV
hsv(52, 6%, 95%)
LAB
lab(94.98% -1.56 6.51)
LCH
lch(94.98% 6.69 103.48)
OKLAB
oklab(0.9562 -0.0029 0.0171)
OKLCH
oklch(0.9562 0.0173 99.63)
XYZ
xyz(82.42, 87.57, 85.94)
CMYK
cmyk(0%, 1%, 6%, 5%)
CSS
color: #f3f1e4;
CSS variable
--color-f3f1e4: #f3f1e4;
SCSS
$color-f3f1e4: #f3f1e4;
Tailwind
orange-50
Export
:root {
--#f3f1e4-1: #f3f1e4;
}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.