Preview
#f1e0ab
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 15.99:1
HEX
#f1e0ab
RGB
rgb(241, 224, 171)
RGBA
rgba(241, 224, 171, 1)
HSL
hsl(45, 71%, 81%)
HSV
hsv(45, 29%, 95%)
LAB
lab(89.37% -2.05 28.11)
LCH
lch(89.37% 28.18 94.17)
OKLAB
oklab(0.9077 -0.003 0.0709)
OKLCH
oklch(0.9077 0.071 92.42)
XYZ
xyz(70.28, 74.95, 49.29)
CMYK
cmyk(0%, 7%, 29%, 5%)
CSS
color: #f1e0ab;
CSS variable
--color-f1e0ab: #f1e0ab;
SCSS
$color-f1e0ab: #f1e0ab;
Tailwind
orange-100
Export
:root {
--#f1e0ab-1: #f1e0ab;
}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.