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…

SweetHarborexact vs Whiteexact

#D9DDE7 · #FFFFFF

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

Readability7Fail
Aa
The quick brown fox jumps over the lazy dog.
Fail1.4:1
Harmony90Split-complementary
Split-complementary
137° apart
Distinguishable42Somewhat similar
normal
tritanopia
ΔE 13 (11 under CVD)
Match71Different
ΔE 13 — different

How different are SweetHarbor and White?

SweetHarbor and White are a clear pair (ΔE 13). They have distinctly different hues (137° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

SweetHarbor text on White: 1.36:1 (Fail); White text on SweetHarbor: 1.36:1 (Fail). Neither meets AA at body size — nudging one color to #73767F clears it.

Common questions

Do SweetHarbor and White go well together?

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

Is SweetHarbor readable as text on White?

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

What is the colour difference (ΔE) between SweetHarbor and White?

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

Are SweetHarbor and White the same colour?

clearly different colours (ΔE 13).

Related comparisons

SweetHarbor vs WhiteSweetHarbor vs DreamlessSleepSweetHarbor vs BoneSweetHarbor vs GainsboroSweetHarbor vs GainsboroSweetHarbor vs GainsboroWhite vs DreamlessSleep

Explore each color: SweetHarbor #D9DDE7 · White #FFFFFF · Shades: SweetHarbor shades · White shades · Contrast checker →