Preview
#f7f7f4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.57:1
HEX
#f7f7f4
RGB
rgb(247, 247, 244)
RGBA
rgba(247, 247, 244, 1)
HSL
hsl(60, 16%, 96%)
HSV
hsv(60, 1%, 97%)
LAB
lab(97.16% -0.53 1.44)
LCH
lch(97.16% 1.53 110.21)
OKLAB
oklab(0.9753 -0.0011 0.0038)
OKLCH
oklch(0.9753 0.004 106.14)
XYZ
xyz(87.95, 92.83, 98.85)
CMYK
cmyk(0%, 0%, 1%, 3%)
CSS
color: #f7f7f4;
CSS variable
--color-f7f7f4: #f7f7f4;
SCSS
$color-f7f7f4: #f7f7f4;
Tailwind
amber-50
Export
:root {
--#f7f7f4-1: #f7f7f4;
}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.