MistedFern vs Canvas — Difference, Contrast & Harmony

MistedFernexact vs Canvasnearest

#E1ECD1 · #EFE7CB

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 94/100 (analogous) · Distinguishable 23/100 (hard to tell apart) · Match 84/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

Harmony94Analogous

Analogous

38° apart

Distinguishable23Hard to tell apart

normal

protanopia

ΔE 7.1 (5.9 under CVD)

Match84Close

ΔE 7.1 — close

How different are MistedFern and Canvas?

MistedFern and Canvas are very close (ΔE 7). They have distinctly different hues (38° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

MistedFern text on Canvas: 1.01:1 (Fail); Canvas text on MistedFern: 1.01:1 (Fail). Neither meets AA at body size — nudging one color to #626B54 clears it.

Common questions

Do MistedFern and Canvas go well together?

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

Is MistedFern readable as text on Canvas?

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

What is the colour difference (ΔE) between MistedFern and Canvas?

Their CIE76 ΔE is about 7 — very close.

Are MistedFern and Canvas the same colour?

close but visibly different (ΔE 7.1).

Related comparisons