Preview
#f3efda
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.17:1
HEX
#f3efda
RGB
rgb(243, 239, 218)
RGBA
rgba(243, 239, 218, 1)
HSL
hsl(50, 51%, 90%)
HSV
hsv(50, 10%, 95%)
LAB
lab(94.25% -2.18 10.64)
LCH
lch(94.25% 10.86 101.58)
OKLAB
oklab(0.9497 -0.0039 0.0277)
OKLCH
oklch(0.9497 0.028 98.01)
XYZ
xyz(80.48, 85.85, 78.65)
CMYK
cmyk(0%, 2%, 10%, 5%)
CSS
color: #f3efda;
CSS variable
--color-f3efda: #f3efda;
SCSS
$color-f3efda: #f3efda;
Tailwind
orange-100
Export
:root {
--#f3efda-1: #f3efda;
}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.