Color reference

F4F4F4 Light Gray #F4F4F4

#F4F4F4 is a very light neutral gray that works well as a subtle surface or page background when pure white feels too stark.

F4F4F4 Light Gray is a curated Colormapped reference at #F4F4F4; it is not presented as a CSS named-color keyword.

F4F4F4 Light Gray #F4F4F4 19.09:1 with black text

Color values

HEX#F4F4F4
RGBrgb(244, 244, 244)
HSLhsl(0 0% 96%)
HSV0°, 0%, 96%
CMYK0%, 0%, 0%, 4%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 19.09:1 — AA normal text passes
White text 1.10:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of F4F4F4 Light Gray

These steps are computed by RGB-mixing #F4F4F4 toward white or black. They are generated values, not official named colors.

80% tint #FDFDFD
60% tint #FBFBFB
40% tint #F8F8F8
20% tint #F6F6F6
Base #F4F4F4
20% shade #C3C3C3
40% shade #929292
60% shade #626262
80% shade #313131

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: #F4F4F4;
}

Source and method

The base HEX value is a curated Colormapped reference. Derived RGB, HSL, HSV, CMYK, contrast, tint, and shade values are computed from that HEX value.

Contrast uses the W3C relative-luminance formula and thresholds described in WCAG Contrast (Minimum).

Useful next steps

Convert #F4F4F4 with the HEX to RGB converter, test another foreground/background pair in the Contrast Checker, or browse the shade families.