Preview
#fffce3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.29:1
HEX
#fffce3
RGB
rgb(255, 252, 227)
RGBA
rgba(255, 252, 227, 1)
HSL
hsl(54, 100%, 95%)
HSV
hsv(54, 11%, 100%)
LAB
lab(98.6% -3.14 12.33)
LCH
lch(98.6% 12.72 104.29)
OKLAB
oklab(0.9868 -0.0065 0.0321)
OKLCH
oklch(0.9868 0.0328 101.45)
XYZ
xyz(89.91, 96.43, 86.53)
CMYK
cmyk(0%, 1%, 11%, 0%)
CSS
color: #fffce3;
CSS variable
--color-fffce3: #fffce3;
SCSS
$color-fffce3: #fffce3;
Tailwind
orange-50
Export
:root {
--#fffce3-1: #fffce3;
}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.