Preview
#fffae4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 20.05:1
HEX
#fffae4
RGB
rgb(255, 250, 228)
RGBA
rgba(255, 250, 228, 1)
HSL
hsl(49, 100%, 95%)
HSV
hsv(49, 11%, 100%)
LAB
lab(98.13% -1.98 11.14)
LCH
lch(98.13% 11.31 100.08)
OKLAB
oklab(0.9832 -0.0033 0.0291)
OKLCH
oklch(0.9832 0.0293 96.47)
XYZ
xyz(89.43, 95.23, 87.05)
CMYK
cmyk(0%, 2%, 11%, 0%)
CSS
color: #fffae4;
CSS variable
--color-fffae4: #fffae4;
SCSS
$color-fffae4: #fffae4;
Tailwind
orange-50
Export
:root {
--#fffae4-1: #fffae4;
}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.