Off-white color: code #FAF9F6

Off-white

#FAF9F6

Color codes

  • HEX#FAF9F6
  • RGBrgb(250, 249, 246)
  • HSLhsl(45, 29%, 97%)
  • HSVhsv(45, 2%, 98%)
  • CMYKcmyk(0%, 0%, 2%, 2%)
  • LABlab(97.9% -0.2 1.6)
  • OKLCHoklch(98.2% 0.004 91.5)

About the color Off-white

Off-white has the HEX code #FAF9F6, which corresponds to rgb(250, 249, 246) in the RGB model. On the color wheel its hue sits at 45°, with 29% saturation and 97% lightness (hsl(45, 29%, 97%)).

With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.

As a background it calls for dark text: black reaches a 19.94:1 contrast ratio on it, versus 1.05:1 for white.

For print, the approximate conversion is cmyk(0%, 0%, 2%, 2%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Off-white

Complementary

#FAF9F6 · #F5F6FA

Analogous

#FAF6F5 · #FAF9F6 · #F8FAF5

Triadic

#FAF9F6 · #F5FAF8 · #F8F5FA

Tetradic

#FAF9F6 · #F5FAF6 · #F5F6FA · #FAF5F8

Split-complementary

#FAF9F6 · #F5F8FA · #F6F5FA

Monochromatic

#CCC2A3 · #E7E3D4 · #FAF9F6 · #FFFFFF · #FFFFFF

Off-white with white and black text

White text Aa Bb Cc 123
1.05:1 · fails WCAG
Black text Aa Bb Cc 123
19.94:1 · AAA

Test other pairs in the contrast checker

A white that isn’t quite white

Off-white is any white that sits slightly “off” pure white, with a trace of another color mixed in. The shade on this page, #FAF9F6 (rgb(250, 249, 246)), has a little less blue than red, which makes it subtly warm. The numeric gap from white is small, but you notice it side by side, especially on large screens. Unlike beige or ivory, off-white is not a CSS named color: every brand, paint maker and designer defines their own.

Off-white, cream, beige and ivory side by side

ColorHEXRGBCharacter
White#FFFFFF255, 255, 255neutral, maximum brightness
Off-white#FAF9F6250, 249, 246near-white, slightly warm
Ivory (ivory)#FFFFF0255, 255, 240very subtle yellowish white
Cream#FFFDD0255, 253, 208clearly pale yellow
Beige#F5F5DC245, 245, 220darker, greenish

Where to use it

On the web, off-white is a common background for editorial sites, blogs and portfolios: it tones down the glare of pure white and feels more like paper without looking dingy. In brand identity, it gives dark logos a more refined base. In interiors, it is the “white” most paint brands sell as a warm neutral, because stark white can feel cold and clinical in rooms with little daylight. In fashion, off-white pieces tend to look more expensive and go with almost everything.

Some safe pairings: charcoal gray (#36454F) for text, emerald green (#50C878) as an accent, wine (#722F37) for headings and nude (#E3BC9A) for secondary blocks.

Tip: contrast and dark mode

Text on off-white follows the same rules as on white: use dark colors, never white text (the ratio is 1.05:1). Pure black on #FAF9F6 reaches almost 20:1; many designers prefer a dark gray to soften it. To separate white cards from an off-white page, the difference is so slight that a thin border helps. In dark mode, off-white becomes the text color on graphite backgrounds, with less glare than pure white. Test it in the contrast checker and read more about backgrounds in the website color palette guide.

How to use it in CSS

:root {
  --color-off-white: #FAF9F6;
  --color-off-white-rgb: 250, 249, 246;
}

.elemento {
  background-color: var(--color-off-white);
  color: #000000;
}

Similar colors

Use Off-white in our tools