Preview
#fdfcf2
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.38:1
HEX
#fdfcf2
RGB
rgb(253, 252, 242)
RGBA
rgba(253, 252, 242, 1)
HSL
hsl(55, 73%, 97%)
HSV
hsv(55, 4%, 99%)
LAB
lab(98.79% -1.38 4.9)
LCH
lch(98.79% 5.09 105.73)
OKLAB
oklab(0.9891 -0.0027 0.0129)
OKLCH
oklch(0.9891 0.0132 101.82)
XYZ
xyz(91.34, 96.91, 97.88)
CMYK
cmyk(0%, 0%, 4%, 1%)
CSS
color: #fdfcf2;
CSS variable
--color-fdfcf2: #fdfcf2;
SCSS
$color-fdfcf2: #fdfcf2;
Tailwind
orange-50
Export
:root {
--#fdfcf2-1: #fdfcf2;
}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.