Preview
#f8f6eb
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.37:1
HEX
#f8f6eb
RGB
rgb(248, 246, 235)
RGBA
rgba(248, 246, 235, 1)
HSL
hsl(51, 48%, 95%)
HSV
hsv(51, 5%, 97%)
LAB
lab(96.77% -1.22 5.52)
LCH
lch(96.77% 5.65 102.46)
OKLAB
oklab(0.9717 -0.0021 0.0145)
OKLCH
oklch(0.9717 0.0147 98.24)
XYZ
xyz(86.66, 91.87, 91.75)
CMYK
cmyk(0%, 1%, 5%, 3%)
CSS
color: #f8f6eb;
CSS variable
--color-f8f6eb: #f8f6eb;
SCSS
$color-f8f6eb: #f8f6eb;
Tailwind
orange-50
Export
:root {
--#f8f6eb-1: #f8f6eb;
}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.