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 Lavendernearest

#D2E6D9 · #DBDFF3

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 43/100 (clashing) · Distinguishable 15/100 (hard to tell apart) · Match 60/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
Harmony43Clashing
Clashing
89° apart
Distinguishable15Hard to tell apart
normal
tritanopia
ΔE 18 (3.8 under CVD)
Match60Different
ΔE 18 — different

How different are Gainsboro and Lavender?

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

Can you read one on the other?

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

Common questions

Do Gainsboro and Lavender go well together?

Clashing — awkward hue gap — tends to clash (harmony 43/100). This is about how they look together (clothing, interiors, branding), independent of text contrast.

Is Gainsboro readable as text on Lavender?

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

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

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

Are Gainsboro and Lavender the same colour?

clearly different colours (ΔE 18).

Related comparisons

Gainsboro vs WhiteGainsboro vs DreamlessSleepGainsboro vs Pale PinkGainsboro vs IceGainsboro vs LightIssey-SanGainsboro vs LavenderLavender vs WhiteLavender vs DreamlessSleepLavender vs CanyonEcho

Explore each color: Gainsboro #D2E6D9 · Lavender #DBDFF3 · Shades: Gainsboro shades · Lavender shades · Contrast checker →