Color Directory
Off White
A warm near-white that avoids the glare of pure #FFFFFF.
#FAF9F6
- HEX
- #FAF9F6
- RGB
- rgb(250, 249, 246)
- HSL
- hsl(45, 27%, 97%)
Check Off White
Contrast ratios against white and black text.
WCAG asks for 4.5:1 on body text and 3:1 on text 24px or larger. Ratios are calculated from #FAF9F6 in the sRGB colour space.
About this entry
What it is
A warm near-white that avoids the glare of pure #FFFFFF.
Page backgrounds, print stock and minimalist interfaces.
Copy & use
How to copy and use off white
- 01
Copy the complete value
Use the copy button above so the value is captured without its label, description or surrounding page text.
- 02
Paste it where you need it
Page backgrounds, print stock and minimalist interfaces.
- 03
Check the final result
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Tints & shades
A scale built from off white
Each step is mixed toward white or black from #FAF9F6 in sRGB, which is what the browser does too. Useful when one colour has to cover hover states, borders and backgrounds as well as the accent itself.
Lighter 60%
#FDFDFB
rgb(253, 253, 251)
Lighter 30%
#FCFBF9
rgb(252, 251, 249)
- Base
Base
#FAF9F6
rgb(250, 249, 246)
Darker 30%
#AFAEAC
rgb(175, 174, 172)
Darker 60%
#646462
rgb(100, 100, 98)
Name & pairing
Where off white comes from
Not a colour so much as a decision to avoid #FFFFFF. Pure white on a lit screen is brighter than paper ever is, and the small warm shift here is what stops a full page of it feeling harsh.
What to put beside it
Works as a page ground under almost anything. Pair it with a warm dark for text rather than pure black, or the contrast between the two temperatures becomes visible.
Common questions
Using off white
What is off white?
A warm near-white that avoids the glare of pure #FFFFFF. Page backgrounds, print stock and minimalist interfaces.
What are the colour values for Off White?
Off White is HEX #FAF9F6, RGB rgb(250, 249, 246), HSL hsl(45, 27%, 97%). All three notations describe the same sRGB colour, so pick whichever your tool expects: hex for CSS and design files, RGB when you need the channels separately, HSL when you want to shift lightness or saturation without changing the hue.
Will off white work everywhere?
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Can I customise off white after copying?
Use the supplied value as a starting point, then check contrast and nearby colours in the final design. Converting between hex, RGB and HSL does not change the intended sRGB colour.
Also known as
Keep browsing