Preview
#fff5d4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.26:1
HEX
#fff5d4
RGB
rgb(255, 245, 212)
RGBA
rgba(255, 245, 212, 1)
HSL
hsl(46, 100%, 92%)
HSV
hsv(46, 17%, 100%)
LAB
lab(96.54% -1.91 17.11)
LCH
lch(96.54% 17.22 96.37)
OKLAB
oklab(0.9695 -0.0024 0.0442)
OKLCH
oklch(0.9695 0.0443 93.11)
XYZ
xyz(85.78, 91.32, 75.38)
CMYK
cmyk(0%, 4%, 17%, 0%)
CSS
color: #fff5d4;
CSS variable
--color-fff5d4: #fff5d4;
SCSS
$color-fff5d4: #fff5d4;
Tailwind
orange-50
Export
:root {
--#fff5d4-1: #fff5d4;
}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.