Preview
#fce100
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.91:1
HEX
#fce100
RGB
rgb(252, 225, 0)
RGBA
rgba(252, 225, 0, 1)
HSL
hsl(54, 100%, 49%)
HSV
hsv(54, 100%, 99%)
LAB
lab(89.18% -8.22 88.61)
LCH
lch(89.18% 88.99 95.3)
OKLAB
oklab(0.904 -0.0344 0.1851)
OKLCH
oklch(0.904 0.1883 100.53)
XYZ
xyz(67.07, 74.55, 10.86)
CMYK
cmyk(0%, 11%, 100%, 1%)
CSS
color: #fce100;
CSS variable
--color-fce100: #fce100;
SCSS
$color-fce100: #fce100;
Tailwind
orange-500
Export
:root {
--fluent-yellow-1: #fce100;
}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.