Gainsboro vs White — Difference, Contrast & Harmony

Gainsboronearest vs Whiteexact

#CFDAF7 · #FFFFFF

Four independent scores (read the one that fits your goal): Readability 8/100 (fail) · Harmony 83/100 (split-complementary) · Distinguishable 45/100 (somewhat similar) · Match 56/100 (different). There is no single “good/bad” — a pair can clash for text yet be great for an outfit.

Readability8Fail

The quick brown fox jumps over the lazy dog.

Fail1.4:1

Harmony83Split-complementary

Split-complementary

137° apart

Distinguishable45Somewhat similar

normal

tritanopia

ΔE 20 (13 under CVD)

Match56Different

ΔE 20 — different

How different are Gainsboro and White?

Gainsboro and White are a clear pair (ΔE 20). They have distinctly different hues (137° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Gainsboro text on White: 1.40:1 (Fail); White text on Gainsboro: 1.40:1 (Fail). Neither meets AA at body size — nudging one color to #6D7690 clears it.

Common questions

Do Gainsboro and White go well together?

Split-complementary — split-complementary — a recognised, balanced pairing (harmony 83/100). This is about how they look together (clothing, interiors, branding), independent of text contrast.

Is Gainsboro readable as text on White?

Not at body size — the best direction is only 1.4:1, below the 4.5:1 minimum. Nudging one colour to #6D7690 clears AA.

What is the colour difference (ΔE) between Gainsboro and White?

Their CIE76 ΔE is about 20 — a clear pair.

Are Gainsboro and White the same colour?

clearly different colours (ΔE 20).

Related comparisons