Ripple vs Gainsboro — Difference, Contrast & Harmony

Rippleexact vs Gainsboronearest

#D3DCDC · #E0D7D8

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 95/100 (complementary) · Distinguishable 20/100 (hard to tell apart) · Match 86/100 (close). 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

Harmony95Complementary

Complementary

173° apart

Distinguishable20Hard to tell apart

normal

protanopia

ΔE 6.5 (5.0 under CVD)

Match86Close

ΔE 6.5 — close

How different are Ripple and Gainsboro?

Ripple and Gainsboro are very close (ΔE 7). They have near-opposite hues (173° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Ripple text on Gainsboro: 1.01:1 (Fail); Gainsboro text on Ripple: 1.01:1 (Fail). Neither meets AA at body size — nudging one color to #596061 clears it.

Common questions

Do Ripple and Gainsboro go well together?

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

Is Ripple 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 #596061 clears AA.

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

Their CIE76 ΔE is about 7 — very close.

Are Ripple and Gainsboro the same colour?

close but visibly different (ΔE 6.5).

Related comparisons