Topsail vs Gainsboro — Difference, Contrast & Harmony

Topsailexact vs Gainsboronearest

#DAE2E0 · #DCE2DD

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 97/100 (analogous) · Distinguishable 6/100 (hard to tell apart) · Match 96/100 (identical). There is no single “good/bad” — a pair can clash for text yet be great for an outfit.

Readability0Fail

The quick brown fox jumps over the lazy dog.

Fail1.0:1

Harmony97Analogous

Analogous

35° apart

Distinguishable6Hard to tell apart

normal

tritanopia

ΔE 1.7 (1.5 under CVD)

Match96Identical

ΔE 1.7 — identical

How different are Topsail and Gainsboro?

Topsail and Gainsboro are identical (ΔE 2). They have distinctly different hues (35° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Topsail text on Gainsboro: 1.00:1 (Fail); Gainsboro text on Topsail: 1.00:1 (Fail). Neither meets AA at body size — nudging one color to #5F6564 clears it.

Common questions

Do Topsail and Gainsboro go well together?

Analogous — analogous — a recognised, balanced pairing (harmony 97/100). This is about how they look together (clothing, interiors, branding), independent of text contrast.

Is Topsail readable as text on Gainsboro?

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

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

Their CIE76 ΔE is about 2 — identical.

Are Topsail and Gainsboro the same colour?

effectively the same colour.

Related comparisons