Preview
#fdffe3
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.59:1
HEX
#fdffe3
RGB
rgb(253, 255, 227)
RGBA
rgba(253, 255, 227, 1)
HSL
hsl(64, 100%, 95%)
HSV
hsv(64, 11%, 100%)
LAB
lab(99.2% -5.33 13.17)
LCH
lch(99.2% 14.21 112.03)
OKLAB
oklab(0.9912 -0.0127 0.0342)
OKLCH
oklch(0.9912 0.0365 110.37)
XYZ
xyz(90.13, 97.95, 86.82)
CMYK
cmyk(1%, 0%, 11%, 0%)
CSS
color: #fdffe3;
CSS variable
--color-fdffe3: #fdffe3;
SCSS
$color-fdffe3: #fdffe3;
Tailwind
amber-50
Export
:root {
--#fdffe3-1: #fdffe3;
}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.