Preview
#fcffe0
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.52:1
HEX
#fcffe0
RGB
rgb(252, 255, 224)
RGBA
rgba(252, 255, 224, 1)
HSL
hsl(66, 100%, 94%)
HSV
hsv(66, 12%, 100%)
LAB
lab(99.06% -6.15 14.49)
LCH
lch(99.06% 15.74 113)
OKLAB
oklab(0.9897 -0.0149 0.0376)
OKLCH
oklch(0.9897 0.0404 111.62)
XYZ
xyz(89.36, 97.60, 84.64)
CMYK
cmyk(1%, 0%, 12%, 0%)
CSS
color: #fcffe0;
CSS variable
--color-fcffe0: #fcffe0;
SCSS
$color-fcffe0: #fcffe0;
Tailwind
amber-50
Export
:root {
--#fcffe0-1: #fcffe0;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.