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…

Waterfrontexact vs Gainsboronearest

#D4E4E5 · #D5E4DF

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 96/100 (analogous) · Distinguishable 8/100 (hard to tell apart) · Match 93/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
Harmony96Analogous
Analogous
24° apart
Distinguishable8Hard to tell apart
normal
tritanopia
ΔE 3.1 (2.0 under CVD)
Match93Near match
ΔE 3.1 — near match

How different are Waterfront and Gainsboro?

Waterfront and Gainsboro are very close (ΔE 3). They have closely related hues (24° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

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

Common questions

Do Waterfront and Gainsboro go well together?

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

Is Waterfront 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 #586767 clears AA.

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

Their CIE76 ΔE is about 3 — very close.

Are Waterfront and Gainsboro the same colour?

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

Related comparisons

Waterfront vs WhiteWaterfront vs DreamlessSleepWaterfront vs Pale PinkWaterfront vs GainsboroWaterfront vs GainsboroWaterfront vs GainsboroWaterfront vs GainsboroGainsboro vs WhiteGainsboro vs DreamlessSleepGainsboro vs Gainsboro

Explore each color: Waterfront #D4E4E5 · Gainsboro #D5E4DF · Shades: Waterfront shades · Gainsboro shades · Contrast checker →