Dr. White
A softer and gentler alternative to white
Dr. White is an incredibly pale, bleached shade that functions as a softer alternative to pure, digital white. It offers a cleaner, less clinical feel for UI backgrounds and minimal layouts. Because the hex code #fafafa maintains high contrast, it works perfectly with black text. Use it as a dominant base to create airy, open space in web design or editorial projects.
About Dr. White
Fresh paper before the first pen stroke
What does dr. white mean?
Commonly read as blank, clean, and open, near-white shades like this one often signal simplicity, honesty, and a fresh start. Its near-total lightness and faint gray cast feel airy and hushed, a barely-there surface that stays soft next to stronger colors.
Where you see dr. white
- fresh printer paper
- plaster walls
- skim milk
- folded bed sheets
- chalk dust
- cotton shirts
What it works for
It works for backgrounds, cards, and page whitespace, giving other elements a soft, neutral stage that never pulls attention from content.
What colors go with dr. white?
Charcoal #36454fThe wide lightness gap makes text and shapes pop without any color fight.Terracotta #e2725bWarm clay tones keep this cool near-white from feeling flat or sterile.Sage #9caf88Both are muted, so the pair reads soft and easy on the eyes.Navy #000080Deep navy anchors the pale field with a clear point of weight.Mustard #ffdb58A small hit of mustard adds warmth without disturbing the colorless base.
Questions about Dr. White
What is the hex code for Dr. White?
Dr. White is #fafafa. In RGB that is rgb(250, 250, 250), in HSL hsl(0, 0%, 98%) and in CMYK 0%, 0%, 0%, 2%.
Why choose #fafafa over standard white for UI design?
#fafafa offers a subtle warmth that reduces screen glare, making it easier on the eyes during prolonged reading. It provides enough contrast for charcoal text while maintaining a cleaner, more approachable look for modern digital interfaces.
What is the best way to use #fafafa in web layouts?
Use #fafafa as a full-page background to establish a sense of open space in minimalist designs. It pairs exceptionally well with dark neutrals like slate, creating high-contrast readability without the harsh, jarring impact of a stark white background.
Is Dr. White readable on white or black?
Dr. White has a 1.04:1 contrast ratio on white and 20.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.