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…

Mainsailexact vs Gainsboronearest

#D9DFE2 · #E2DDDA

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 99/100 (complementary) · Distinguishable 20/100 (hard to tell apart) · Match 89/100 (near match). 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
Harmony99Complementary
Complementary
177° apart
Distinguishable20Hard to tell apart
normal
colorblind
ΔE 5.0
Match89Near match
ΔE 5.0 — near match

How different are Mainsail and Gainsboro?

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

Can you read one on the other?

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

Common questions

Do Mainsail and Gainsboro go well together?

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

Is Mainsail 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 #5E6366 clears AA.

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

Their CIE76 ΔE is about 5 — very close.

Are Mainsail and Gainsboro the same colour?

a very near match (ΔE 5.0) — fine for most matching.

Related comparisons

Mainsail vs WhiteMainsail vs DreamlessSleepMainsail vs GainsboroMainsail vs GainsboroMainsail vs GainsboroMainsail vs GainsboroGainsboro vs WhiteGainsboro vs DreamlessSleepGainsboro vs Gainsboro

Explore each color: Mainsail #D9DFE2 · Gainsboro #E2DDDA · Shades: Mainsail shades · Gainsboro shades · Contrast checker →