About Off White
Off White is the hex color #FAF9F6, which translates to rgb(250, 249, 246) in RGB and hsl(45, 29%, 97%) in HSL. On the color wheel it sits at 45 degrees, with a saturation of 29 percent and a lightness of 97 percent. That puts Off White at the pale end of the neutral range, light enough to work as a page or card background with dark text on top.
How Off White compares
The closest standard CSS keyword is whitesmoke (#F5F5F5), a CIE76 distance of 2.1 away in CIELAB. That is below the rule of thumb for a difference most people notice side by side, so the keyword is a safe substitute. In the Tailwind CSS 4.3.1 palette the nearest token is olive-50 (#FBFBF9), at a distance of 0.9. Inside this library the closest neighbour is White Smoke at 2.1. Sorted by lightness, Off White is number 33 of the 37 neutral colors here.
Text on Off White
3 of the five common text colors below clear WCAG AA for normal text on Off White, led by Ink black at 18.18:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Off White already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 1.05:1 | Fail | Fail | Fail |
| Ink black #0F0F12 | 18.18:1 | Pass | Pass | Pass |
| Mid grey #6B7280 | 4.59:1 | Pass | Pass | Fail |
| Dark grey #374151 | 9.79:1 | Pass | Pass | Pass |
| Light grey #E5E7EB | 1.18:1 | Fail | Fail | Fail |
Building a palette around Off White
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Off White for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Off White locked and let it fill in the rest.
Full values for Off White
| Format | Value |
|---|---|
| HEX | #FAF9F6 |
| RGB | rgb(250, 249, 246) |
| HSL | hsl(45, 29%, 97%) |
| HSV | hsv(45, 2%, 98%) |
| CMYK | cmyk(0%, 0%, 2%, 2%) |
| OKLCH | oklch(98.20% 0.0041 91.45) |
| CIELAB | lab(97.93 -0.19 1.55) |
Frequently asked questions
What is the RGB value of Off White?
Off White (#FAF9F6) is rgb(250, 249, 246): 250 red, 249 green and 246 blue on the 0 to 255 scale. Red leads at 250, green follows at 249 and blue trails at 246, which puts the hue at 45 degrees. In HSL the same color is hsl(45, 29%, 97%).
What colour is #FAF9F6?
#FAF9F6 is Off White, a very light neutral colour with 29% saturation and 97% lightness. For print the CMYK breakdown is 0% cyan, 0% magenta, 2% yellow and 2% black. Its nearest neighbour in this library, White Smoke, is only 2.1 away in CIELAB, close enough to pass for the same colour side by side.
Is Off White a CSS color name?
No. Off White is not one of the 148 CSS named colors, so write it as #FAF9F6. The nearest keyword is whitesmoke (#F5F5F5), a CIE76 distance of 2.1: close enough that most people cannot tell the two apart side by side.
What colors go with Off White?
Opposite Off White on the color wheel sits the complementary #F6F7FA (close to Fog), the boldest accent by hue. For a calmer scheme use the analogous neighbours #FAF7F6 (close to Off White) and #F9FAF6 (close to Off White); for a balanced three-color scheme use the triadic pair #F6FAF9 (close to Off White) and #F9F6FA (close to Fog). Of these, #F6F7FA has the most contrast against Off White, at 1.02:1, so pair it by hue, not for legibility.
What text color is readable on Off White?
Ink black (#0F0F12) is the most readable on Off White, at 18.18:1, which also clears WCAG AAA (7:1). 3 of the 5 common text colors tested pass AA for normal text.
Use Off White in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.