AiColorStoryAiColorStory

Every hex, every spot color, every CSS name — each with a home. Six focused tools for designers, developers, and print pros.

Product
  • Landing
  • About
  • Pricing
  • Tools hub
  • Help center
  • FAQ
  • Contact
Tools
  • Color mixer
  • Contrast checker
  • Contrast grid
  • Brand kit
  • Color temperature
Resources
  • Palette gallery
  • Color directory
  • Accessibility
  • Scales studio
Legal
  • Terms
  • Privacy
  • Cookies

© 2026 AiColorStory. All rights reserved.

81,000 colors · 6 tools · 10,000+ palettes

HomeGenerateLibraryToolsAccount
AiColorStoryBeta
Export
Comparison sheet
Colors & data
Loading…

Gainsboronearest vs CanvasClothexact

#D2E4E5 · #E6DFD2

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

Readability0Fail
Aa
The quick brown fox jumps over the lazy dog.
Fail1.0:1
Harmony97Split-complementary
Split-complementary
144° apart
Distinguishable42Somewhat similar
normal
colorblind
ΔE 11
Match75Different
ΔE 11 — different

How different are Gainsboro and CanvasCloth?

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

Can you read one on the other?

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

Common questions

Do Gainsboro and CanvasCloth go well together?

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

Is Gainsboro readable as text on CanvasCloth?

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

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

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

Are Gainsboro and CanvasCloth the same colour?

clearly different colours (ΔE 11).

Related comparisons

Gainsboro vs WhiteGainsboro vs DreamlessSleepGainsboro vs LightSlightlyRoseGainsboro vs GainsboroGainsboro vs GainsboroGainsboro vs GainsboroGainsboro vs CanvasClothCanvasCloth vs WhiteCanvasCloth vs DreamlessSleepCanvasCloth vs Gainsboro

Explore each color: Gainsboro #D2E4E5 · CanvasCloth #E6DFD2 · Shades: Gainsboro shades · CanvasCloth shades · Contrast checker →