Home /Compare /Greige vs Off White

Greige vs Off White: What's the Difference?

The main difference between Greige and Off White is hue — Greige is a warm orange, while Off White is a warm off-white. Greige (#B2A591) has an HSL of 36°, 18%, 63%, whereas Off White (#FAF9F6) sits at 45°, 29%, 97%.

Greige#B2A591
Off White#FAF9F6
#B2A591Blended: #D6CFC4#FAF9F6

Greige vs Off White: Key Differences at a Glance

Aspect Greige Off White
BrightnessLight (L=63%) — airy, soft, approachableVery light (L=97%) — pale, delicate, gentle
SaturationMuted (S=18%) — subdued, sophisticatedMuted (S=29%) — subdued, sophisticated
Hue familyOrangeOff-white
TemperatureWarmWarm
Hex code#B2A591#FAF9F6
RGB178, 165, 145250, 249, 246

Can you use Greige and Off White together?

Off White text on Greige
Greige text on Off White
Contrast Ratio:2.30:1Insufficient Contrast

How to Tell Greige and Off White Apart

  • Look at lightness first: Off White is noticeably lighter.
  • Check saturation: Off White looks more vivid and saturated.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Greige vs Off White in Design

Use Greige for:
Call-to-action buttons
Autumn and harvest themes
Food, citrus, warmth branding
Youthful energetic campaigns
Friendly notification badges
Use Off White for:
Backgrounds and page surfaces
Minimalist editorial design
Luxury clean aesthetics
Soft wedding invitations
Wellness and spa brands

Greige and Off White Hex Codes, RGB & HSL

Greige#B2A591

Greige (#B2A591) is a light, muted orange with a warm undertone — it feels airy, soft, approachable and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Off White#FAF9F6

Off White (#FAF9F6) is a very light, muted off-white with a warm undertone — it feels pale, delicate, gentle and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Greige and Off White WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Greige text on white
2.42:1Fail
Sample text preview
Greige text on black
8.68:1AAA
Sample text preview
Off White text on white
1.05:1Fail
Sample text preview
Off White text on black
19.95:1AAA
Sample text preview
Greige text on Off White
2.3:1Fail
Sample text preview
Off White text on Greige
2.3:1Fail

Explore Greige and Off White individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Greige color page#B2A591 · shades, tints, pairingsOff White color page#FAF9F6 · shades, tints, pairings

More Greige and Off White Comparisons

Greige vs Off White FAQ

What is the difference between greige and off white?+
The main difference between Greige and Off White is hue — Greige is a warm orange, while Off White is a warm off-white. Greige (#B2A591) has an HSL of 36°, 18%, 63%, whereas Off White (#FAF9F6) sits at 45°, 29%, 97%.
Is greige darker than off white?+
Yes. Greige is darker, with a lightness of 63% in HSL compared to Off White at 97% — a 34-point gap.
Are greige and off white the same color?+
No. Greige is #B2A591 and Off White is #FAF9F6. They differ by 9° in hue, 34% in lightness, and 11% in saturation.
Which is more saturated, greige or off white?+
Off White is more saturated. In HSL, Greige has 18% saturation and Off White has 29% — Off White is the more vivid of the two, while Greige reads as more muted.
Is greige warm or cool?+
Greige (#B2A591) is a warm orange. Its hue sits at 36° on the color wheel, which places it in the warm range.
Is off white warm or cool?+
Off White (#FAF9F6) is a warm off-white. Its hue sits at 45° on the color wheel, which places it in the warm range.
Can you use greige and off white together?+
Yes. Greige (orange) and Off White (off-white) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does greige belong to?+
Greige belongs to the orange family. Its HSL is 36°, 18%, 63% — a warm tone within the broader orange group.
What is the hex code for greige?+
The hex code for Greige is #B2A591. In RGB, that's rgb(178, 165, 145), and in HSL it's hsl(36, 18%, 63%).
What is the hex code for off white?+
The hex code for Off White is #FAF9F6. In RGB, that's rgb(250, 249, 246), and in HSL it's hsl(45, 29%, 97%).