Preview
#faf7eb
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.57:1
HEX
#faf7eb
RGB
rgb(250, 247, 235)
RGBA
rgba(250, 247, 235, 1)
HSL
hsl(48, 60%, 95%)
HSV
hsv(48, 6%, 98%)
LAB
lab(97.16% -1.05 6.11)
LCH
lch(97.16% 6.2 99.75)
OKLAB
oklab(0.9752 -0.0015 0.0161)
OKLCH
oklch(0.9752 0.0162 95.32)
XYZ
xyz(87.68, 92.84, 91.88)
CMYK
cmyk(0%, 1%, 6%, 2%)
CSS
color: #faf7eb;
CSS variable
--color-faf7eb: #faf7eb;
SCSS
$color-faf7eb: #faf7eb;
Tailwind
orange-50
Export
:root {
--#faf7eb-1: #faf7eb;
}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.