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…

Periwinklenearest vs Gainsboronearest

#D8D8F8 · #E7D3F0

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 87/100 (analogous) · Distinguishable 28/100 (hard to tell apart) · Match 84/100 (close). 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
Harmony87Analogous
Analogous
41° apart
Distinguishable28Hard to tell apart
normal
protanopia
ΔE 7.1 (7.1 under CVD)
Match84Close
ΔE 7.1 — close

How different are Periwinkle and Gainsboro?

Periwinkle and Gainsboro are very close (ΔE 7). They have distinctly different hues (41° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

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

Common questions

Do Periwinkle and Gainsboro go well together?

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

Is Periwinkle 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 #5E5D79 clears AA.

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

Their CIE76 ΔE is about 7 — very close.

Are Periwinkle and Gainsboro the same colour?

close but visibly different (ΔE 7.1).

Related comparisons

Periwinkle vs WhitePeriwinkle vs DreamlessSleepPeriwinkle vs PearlPeriwinkle vs GainsboroPeriwinkle vs Powder BluePeriwinkle vs ApricotGainsboro vs WhiteGainsboro vs DreamlessSleepGainsboro vs Bone

Explore each color: Periwinkle #D8D8F8 · Gainsboro #E7D3F0 · Shades: Periwinkle shades · Gainsboro shades · Contrast checker →