Canvas vs CloudyGrey — Difference, Contrast & Harmony

Canvasnearest vs CloudyGreyexact

#EAE4DF · #ECE3E1

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 83/100 (analogous) · Distinguishable 1/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

Harmony83Analogous

Analogous

16° apart

Distinguishable1Hard to tell apart

normal

deuteranopia

ΔE 1.9 (0.4 under CVD)

Match96Identical

ΔE 1.9 — identical

How different are Canvas and CloudyGrey?

Canvas and CloudyGrey are identical (ΔE 2). They have closely related hues (16° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Canvas text on CloudyGrey: 1.00:1 (Fail); CloudyGrey text on Canvas: 1.00:1 (Fail). Neither meets AA at body size — nudging one color to #6B6561 clears it.

Common questions

Do Canvas and CloudyGrey go well together?

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

Is Canvas readable as text on CloudyGrey?

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

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

Their CIE76 ΔE is about 2 — identical.

Are Canvas and CloudyGrey the same colour?

effectively the same colour.

Related comparisons