Preview
#f8ffac
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.89:1
HEX
#f8ffac
RGB
rgb(248, 255, 172)
RGBA
rgba(248, 255, 172, 1)
HSL
hsl(65, 100%, 84%)
HSV
hsv(65, 33%, 100%)
LAB
lab(97.82% -14.76 38.97)
LCH
lch(97.82% 41.67 110.74)
OKLAB
oklab(0.976 -0.0395 0.0966)
OKLCH
oklch(0.976 0.1044 112.24)
XYZ
xyz(81.92, 94.46, 52.94)
CMYK
cmyk(3%, 0%, 33%, 0%)
CSS
color: #f8ffac;
CSS variable
--color-f8ffac: #f8ffac;
SCSS
$color-f8ffac: #f8ffac;
Tailwind
amber-100
Export
:root {
--#f8ffac-1: #f8ffac;
}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.